/**
 * Typography — @font-face Declarations
 *
 * Briefing §4.4:
 *   --font-display: Recursive (statisch, 4 Gewichte)
 *   --font-body:    IBM Plex Sans (Variable-Font, normal + italic)
 *
 * Recursive wird bewusst statisch geladen — die Variable-Font-Datei
 * ist mit 2,3 MB zu groß. 4 statische Schnitte = ~266 KB gesamt.
 * IBM Plex Sans als Variable-Font ist kompakt genug (~477 KB gesamt).
 */

/* ──────────────────────────────────────────────────────────────
 * Recursive (Display) — statisch
 * ────────────────────────────────────────────────────────────── */

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

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

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

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

/* ──────────────────────────────────────────────────────────────
 * IBM Plex Sans (Body) — Variable-Font
 * ────────────────────────────────────────────────────────────── */

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

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