/* Variable fonts */

@font-face {
    font-family: 'Volvo Centum';
    src: url('/fonts/VolvoCentumVariable/VolvoCentumVF_W_DrkmWghtItal.woff2') format('woff2-variations');
    src: url('/fonts/VolvoCentumVariable/VolvoCentumVF_W_DrkmWghtItal.woff2') format('woff2') tech('variations');
    font-weight: 100 1000;
    font-stretch: 25% 151%;
    font-display: swap;
}

/*
    Static fonts
*/

@font-face {
    font-family: 'Volvo Centum';
    src: url('/fonts/VolvoCentumStatic/woff2/VolvoCentum_W_Lt.woff2') format('woff2'),
        url('/fonts/VolvoCentumStatic/woff/VolvoCentum_W_Lt.woff') format('woff'),
        url('/fonts/VolvoCentumStatic/ttf/VolvoCentum_Lt.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Volvo Centum';
    src: url('/fonts/VolvoCentumStatic/woff2/VolvoCentum_W_LtIt.woff2') format('woff2'),
        url('/fonts/VolvoCentumStatic/woff/VolvoCentum_W_LtIt.woff') format('woff'),
        url('/fonts/VolvoCentumStatic/ttf/VolvoCentum_LtIt.ttf') format('truetype');
    font-style: italic;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Volvo Centum';
    src: url('/fonts/VolvoCentumStatic/woff2/VolvoCentum_W_Rg.woff2') format('woff2'),
        url('/fonts/VolvoCentumStatic/woff/VolvoCentum_W_Rg.woff') format('woff'),
        url('/fonts/VolvoCentumStatic/ttf/VolvoCentum_Rg.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Volvo Centum';
    src: url('/fonts/VolvoCentumStatic/woff2/VolvoCentum_W_It.woff2') format('woff2'),
        url('/fonts/VolvoCentumStatic/woff/VolvoCentum_W_It.woff') format('woff'),
        url('/fonts/VolvoCentumStatic/ttf/VolvoCentum_It.ttf') format('truetype');
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Volvo Centum';
    src: url('/fonts/VolvoCentumStatic/woff2/VolvoCentum_W_SBd.woff2') format('woff2'),
        url('/fonts/VolvoCentumStatic/woff/VolvoCentum_W_SBd.woff') format('woff'),
        url('/fonts/VolvoCentumStatic/ttf/VolvoCentum_SBd.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Volvo Centum';
    src: url('/fonts/VolvoCentumStatic/woff2/VolvoCentum_W_SBdIt.woff2') format('woff2'),
        url('/fonts/VolvoCentumStatic/woff/VolvoCentum_W_SBdIt.woff') format('woff'),
        url('/fonts/VolvoCentumStatic/ttf/VolvoCentum_SBdIt.ttf') format('truetype');
    font-style: italic;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Volvo Centum';
    src: url('/fonts/VolvoCentumStatic/woff2/VolvoCentum_W_Bd.woff2') format('woff2'),
        url('/fonts/VolvoCentumStatic/woff/VolvoCentum_W_Bd.woff') format('woff'),
        url('/fonts/VolvoCentumStatic/ttf/VolvoCentum_Bd.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Volvo Centum';
    src: url('/fonts/VolvoCentumStatic/woff2/VolvoCentum_W_BdIt.woff2') format('woff2'),
        url('/fonts/VolvoCentumStatic/woff/VolvoCentum_W_BdIt.woff') format('woff'),
        url('/fonts/VolvoCentumStatic/ttf/VolvoCentum_BdIt.ttf') format('truetype');
    font-style: italic;
    font-weight: 700;
    font-display: swap;
}

body {
    font-family: "Volvo Centum", Arial, sans-serif;
    font-size: var(--font-size-body-text);
    font-weight: 300;
}

strong {
    font-weight: 400;
}

p {
    font-size: var(--font-size-body-text);
}

h2, h3 {
    font-weight: 400;
}

h1 {
    font-size: var(--font-size-h1);
}

h2 {
    font-size: var(--font-size-h2);
}

h3 {
    font-size: var(--font-size-h3);
}

h4 {
    font-size: var(--font-size-h4);
}

h5 {
    font-size: var(--font-size-h5);
}

h6 {
    font-size: var(--font-size-h6);
}

@media screen and (max-width: 1300px) {
    h1 {
        font-size: var(--font-size-mobile-h1);
    }

    h2 {
        font-size: var(--font-size-mobile-h2);
    }

    h3 {
        font-size: var(--font-size-mobile-h3);
    }

    h4 {
        font-size: var(--font-size-mobile-h4);
    }

    h5 {
        font-size: var(--font-size-mobile-h5);
    }

    h6 {
        font-size: var(--font-size-mobile-h6);
    }
}