/*
    Font Weights:
        100 - Thin
        200 - Extra Light (Ultra Light)
        300 - Light
        400 - Normal
        500 - Medium
        600 - Semi Bold (Demi Bold)
        700 - Bold
        800 - Extra Bold (Ultra Bold)
        900 - Black (Heavy)
*/

/* Instrument Serif */
@font-face {
    font-family: 'Instrument Serif';
    font-style: italic;
    font-weight: 400;
    src:
        url('@shared/fonts/instrument-serif-italic.woff2') format('woff2'),
        url('@shared/fonts/instrument-serif-italic.woff') format('woff');
}

/* Hanken Grotesk */
@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 400;
    src:
        url('@shared/fonts/hanken-grotesk.woff2') format('woff2'),
        url('@shared/fonts/hanken-grotesk.woff') format('woff');
}
@font-face {
    font-family: 'Hanken Grotesk';
    font-style: italic;
    font-weight: 400;
    src:
        url('@shared/fonts/hanken-grotesk-italic.woff2') format('woff2'),
        url('@shared/fonts/hanken-grotesk-italic.woff') format('woff');
}
@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 600;
    src:
        url('@shared/fonts/hanken-grotesk-semibold.woff2') format('woff2'),
        url('@shared/fonts/hanken-grotesk-semibold.woff') format('woff');
}

/* Iosevka Charon Mono */
@font-face {
    font-family: 'Iosevka Charon Mono';
    font-style: normal;
    font-weight: 700;
    src:
        url('@shared/fonts/iosevka-charon-mono-bold.woff2') format('woff2'),
        url('@shared/fonts/iosevka-charon-mono-bold.woff') format('woff');
}

:root {
    --font-serif: 'Instrument Serif', serif;
    --font-sans: 'Hanken Grotesk', sans-serif;
    --font-mono: 'Iosevka Charon Mono', monospace;
}