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

/* Grenze Gotisch — reserved for the site name in the header only. */
@font-face {
    font-family: 'Grenze Gotisch';
    src: url('../fonts/Grenze-Gotisch/fonts/webfonts/GrenzeGotisch-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

/* Grenze — headings (its sibling face; the non-blackletter display serif). */
@font-face {
    font-family: 'Grenze';
    src: url('../fonts/grenze_5.2.9/webfonts/grenze-latin-500-normal.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Grenze';
    src: url('../fonts/grenze_5.2.9/webfonts/grenze-latin-700-normal.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* IBM Plex Sans — paragraph text / copy / UI. */
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans_5.2.8/webfonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans_5.2.8/webfonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans_5.2.8/webfonts/ibm-plex-sans-latin-700-normal.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Optional dyslexia-friendly body font (Options → accessibility). Loaded only
   when chosen, via the data-font-face hook in global.css. */
@font-face {
    font-family: 'OpenDyslexic';
    src: url('../fonts/opendyslexic/opendyslexic-latin-400-normal.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenDyslexic';
    src: url('../fonts/opendyslexic/opendyslexic-latin-700-normal.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}