/* ============================================================================
 * CarpWeather — LETTERTYPEN, ZELF GEHOST  (1.7 · 16 juli 2026)
 *
 * WAAROM DIT BESTAAT
 * Hiervoor haalden 45 pagina's (25 van de 26 in de app, 20 van de 21 op de
 * site) hun fonts bij fonts.googleapis.com + fonts.gstatic.com. Daarmee ging
 * het IP-adres van elke gebruiker naar Google -- ook van wie alleen even het
 * privacybeleid kwam lezen. Google stond niet in de derden-lijst van dat
 * privacybeleid. Dat was punt 1.7 op de afrondingslijst.
 *
 * Nu staat er niets meer tussen de gebruiker en het font.
 *
 * WAT DIT ZIJN
 * VARIABELE fonts: één bestand per familie dat het HELE bereik 100-900 dekt,
 * in plaats van elf losse gewichten. Samen ~72 KB.
 *
 *   Saira  : koppen en cijfers   (--fd)
 *   Outfit : bodytekst           (--fb)
 *
 * DRIE DINGEN DIE HIERMEE OPGELOST ZIJN
 *  1. `font-weight: 900` werkte niet. De app gebruikt 'm 2x, maar geen enkel
 *     Google-verzoek vroeg Saira 900 op (zwaarste was 800). De browser
 *     verzon 'm dus. Nu is 900 er echt.
 *  2. De app vroeg de fonts op ZES verschillende manieren op (verschillende
 *     gewichten per pagina). Dat is nu irrelevant: iedereen laadt dit bestand.
 *  3. De pijl -> (U+2192) en het vinkje ✓ (U+2713) zitten WEL in Saira/Outfit
 *     maar NIET in Google's latin-subset, dus die vielen terug op het
 *     systeemfont. Ze zitten hier wel in (kosten: 212 bytes).
 *
 * HERKOMST
 * Officiële variabele bronbestanden uit github.com/google/fonts (SIL OFL).
 * Saira's wdth-as (50-125) is vastgepind op 100 -- die werd nergens gebruikt
 * en kostte alleen gewicht. Gesubset op Google's latin-bereik + U+2192 + U+2713.
 * De OFL-licentietekst zit in de woff2-bestanden zelf (nameID 13); dat is de
 * voorwaarde om ze zelf te mogen hosten. NIET wegstrippen bij een herbouw.
 *
 * PADEN
 * De url()'s hieronder zijn RELATIEF aan DIT bestand, niet aan de pagina.
 * Daarom werkt dezelfde css in www/fonts/ (app) en op de site, en hoeft
 * alleen de <link href> per maplaag te verschillen:
 *     app + site-root : <link rel="stylesheet" href="fonts/cw-fonts.css">
 *     /preview/, /beheer/ : <link rel="stylesheet" href="../fonts/cw-fonts.css">
 *
 * font-display:swap = hetzelfde gedrag als Google's &display=swap: eerst
 * systeemfont, dan omwisselen. Geen onzichtbare tekst tijdens het laden.
 * ========================================================================== */

@font-face {
  font-family: 'Saira';
  src: url('cw-saira.woff2') format('woff2');
  font-weight: 100 900;   /* variabel bereik -- geen losse @font-face per gewicht */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Outfit';
  src: url('cw-outfit.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
