/*
    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)
*/

/* Liberation Sans */
@font-face {
    font-family: 'Liberation Sans';
    font-style: normal;
    font-weight: 400;
    src:
        url('/fonts/liberation-sans.woff2') format('woff2'),
        url('/fonts/liberation-sans.woff') format('woff');
}
@font-face {
    font-family: 'Liberation Sans';
    font-style: italic;
    font-weight: 400;
    src:
        url('/fonts/liberation-sans-italic.woff2') format('woff2'),
        url('/fonts/liberation-sans-italic.woff') format('woff');
}

/* IBM Plex Mono */
@font-face {
    font-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 400;
    src:
        url('/fonts/ibm-plex-mono.woff2') format('woff2'),
        url('/fonts/ibm-plex-mono.woff') format('woff');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-style: italic;
    font-weight: 400;
    src:
        url('/fonts/ibm-plex-mono-italic.woff2') format('woff2'),
        url('/fonts/ibm-plex-mono-italic.woff') format('woff');
}

:root {
    --font-sans: 'Liberation Sans', 'Arial', 'Helvetica', sans-serif;
    --font-mono: 'IBM Plex Mono', monospace;
}
