:root {
    /* sizes */
    /* Extra small devices (phones, 600px and down) */
    --xs-width: 600px;
    /* Small devices (portrait tablets and large phones, 600px and up) */
    --sm-width: 601px;
    /* Medium devices (landscape tablets, 768px and up) */
    --md-width: 768px;
    /* Large devices (laptops/desktops, 992px and up) */
    --lg-width: 992px;
    /* Extra large devices (large laptops and desktops, 1200px and up) */
    --xl-width: 1200px;

    --background: #f4f3f3;
    --accent: #0867FC;
    --text-light: #f4f3f3;
    --text-dark: #131212;
}

@font-face {
    font-family: montserrat;
    src: url(/assets/fonts/Montserrat-VariableFont_wght.ttf);
    font-display: swap;
}

@font-face {
    font-family: montserrat-fallback;
    src: local('Georgia');
    size-adjust: 114%;
}

@font-face {
    font-family: DMSans;
    src: url(/assets/fonts/DMSans-VariableFont_opsz,wght.ttf);
    font-display: swap;
}

@font-face {
    font-family: DMSans-fallback;
    src: local('Arial');
    size-adjust: 100%;
}