/*
    Volvo Centum (Dark) - body text
*/

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

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

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

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

@font-face {
    font-family: 'Volvo Centum';
    src: url('/fonts/VolvoCentumDark/woff2/VolvoCentum_CMS_DarkMd.woff2') format('woff2'),
        url('/fonts/VolvoCentumDark/woff/VolvoCentum_CMS_DarkMd.woff') format('woff');
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Volvo Centum';
    src: url('/fonts/VolvoCentumDark/woff2/VolvoCentum_CMS_DarkMdIt.woff2') format('woff2'),
        url('/fonts/VolvoCentumDark/woff/VolvoCentum_CMS_DarkMdIt.woff') format('woff');
    font-style: italic;
    font-weight: 500;
    font-display: swap;
}

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

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

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

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

@font-face {
    font-family: 'Volvo Centum';
    src: url('/fonts/VolvoCentumDark/woff2/VolvoCentum_CMS_DarkXBd.woff2') format('woff2'),
        url('/fonts/VolvoCentumDark/woff/VolvoCentum_CMS_DarkXBd.woff') format('woff');
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Volvo Centum';
    src: url('/fonts/VolvoCentumDark/woff2/VolvoCentum_CMS_DarkXBdIt.woff2') format('woff2'),
        url('/fonts/VolvoCentumDark/woff/VolvoCentum_CMS_DarkXBdIt.woff') format('woff');
    font-style: italic;
    font-weight: 800;
    font-display: swap;
}

/*
    Volvo Centum Display (Dark) - headings and intro text, regular weight only
*/

@font-face {
    font-family: 'Volvo Centum Display';
    src: url('/fonts/VolvoCentumDark/woff2/VolvoCentum_CMS_DarkDisplayRg.woff2') format('woff2'),
        url('/fonts/VolvoCentumDark/woff/VolvoCentum_CMS_DarkDisplayRg.woff') format('woff');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

/*
    Monobrix (accent font, regular weight only)
*/

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

body {
    font-family: var(--font-family-text);
    font-size: var(--font-size-body-text);
    font-weight: 400;
    line-height: var(--line-height-body);
}

strong {
    font-weight: 500;
}

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

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-display);
    font-weight: 400;
    line-height: var(--line-height-display);
}

.intro {
    font-family: var(--font-family-display);
    font-size: var(--font-size-intro);
    font-weight: 400;
    line-height: var(--line-height-intro);
}

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);
    }

    .intro {
        font-size: var(--font-size-mobile-intro);
    }
}

/* Utility class, intended to be exposed as a style in the RTE */
.font-monobrix {
    font-family: var(--font-family-accent);
    font-weight: 400;
    font-style: normal;
}