/* ===================================================================
   All Screens Videoproducties — lettertypes, zelf gehost
   Vervangt de stylesheet van fonts.googleapis.com. Zowel index.html
   als 404.html laden dit bestand, zodat de faces op één plek staan.

   Alle drie de families staan onder de SIL Open Font License 1.1;
   zelf hosten is expliciet toegestaan, mits de licentie meereist. Die
   staat, met de herkomst per familie, in ../assets/fonts/LICENSES.md.

   De woff2-bestanden komen ongewijzigd van fonts.gstatic.com — dezelfde
   bytes die Google zelf uitserveert, alleen vanaf ons eigen domein.
   Dat scheelt een DNS-opzoeking, een TLS-handdruk en twee ritjes naar
   een derde partij, en er lekt geen bezoekers-IP meer naar Google.

   Meegenomen zijn de subsets `latin` en `latin-ext`. Cyrillisch, Grieks
   en Vietnamees zijn weggelaten. De `unicode-range` hieronder bepaalt
   dat een bestand alléén wordt opgehaald als er een teken uit dat bereik
   op de pagina staat: een Nederlandse pagina laadt in de praktijk alleen
   de vier `latin`-bestanden, samen 54 kB.

   Wil je een gewicht of een familie toevoegen? Haal de regels op bij
   <https://fonts.googleapis.com/css2?family=…> mét een moderne
   User-Agent (anders krijg je woff in plaats van woff2), zet de
   bestanden in ../assets/fonts/ en neem de `unicode-range` letterlijk
   over — die getallen zijn geen decoratie.
   =================================================================== */

/* ── Anton ────────────────────────────────────────────────────────────
   Eén gewicht, meer bestaat er niet. Draagt de koppen.               */

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/anton-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/anton-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ── Space Grotesk ────────────────────────────────────────────────────
   Variabel font: één bestand dekt het hele bereik 300–700. Google
   serveert voor gewicht 400 en 700 dan ook exact hetzelfde bestand.
   Vandaar `font-weight: 300 700` in plaats van twee losse faces — elk
   tussenliggend gewicht is nu gratis, zonder extra download.          */

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(../assets/fonts/space-grotesk-var-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(../assets/fonts/space-grotesk-var-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ── IBM Plex Mono ────────────────────────────────────────────────────
   Niet variabel: 400 en 500 zijn écht twee bestanden. 500 draagt de
   magenta pil in de header, 400 de sectielabels en de formulierstatus. */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/ibm-plex-mono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/ibm-plex-mono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../assets/fonts/ibm-plex-mono-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../assets/fonts/ibm-plex-mono-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}