/*
 * Self-hosted fonts voor Garagemaatje Child.
 *
 * Waarom self-hosted:
 *   - GDPR: geen bezoeker-IP naar Google
 *   - Performance: geen extra DNS lookup + TCP handshake naar Google
 *   - Betrouwbaarheid: geen Google-downtime kan de site treffen
 *
 * De .woff2 bestanden staan in resources/fonts/. Download-instructie
 * en licenties: zie README.md, sectie "Fonts self-hosten".
 *
 * font-display: swap zorgt dat de tekst direct zichtbaar is met een
 * fallback-font terwijl het echte font laadt. Alternatief 'optional'
 * kan iets sneller zijn maar risico op flash.
 */

/* ============================================================================
 * Kanit — display font (uppercase, extra-bold, brand voice)
 * ========================================================================= */

@font-face {
    font-family: "Kanit";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/kanit-500.woff2") format("woff2");
}

@font-face {
    font-family: "Kanit";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/kanit-600.woff2") format("woff2");
}

@font-face {
    font-family: "Kanit";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/kanit-700.woff2") format("woff2");
}

@font-face {
    font-family: "Kanit";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/kanit-800.woff2") format("woff2");
}

/* ============================================================================
 * Karla — body font
 * ========================================================================= */

@font-face {
    font-family: "Karla";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/karla-400.woff2") format("woff2");
}

@font-face {
    font-family: "Karla";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/karla-500.woff2") format("woff2");
}

@font-face {
    font-family: "Karla";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/karla-600.woff2") format("woff2");
}

@font-face {
    font-family: "Karla";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/karla-700.woff2") format("woff2");
}

/* ============================================================================
 * Spline Sans Mono — labels, meta, breadcrumbs
 * ========================================================================= */

@font-face {
    font-family: "Spline Sans Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/spline-sans-mono-400.woff2") format("woff2");
}

@font-face {
    font-family: "Spline Sans Mono";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/spline-sans-mono-500.woff2") format("woff2");
}