/* Lettertypes van het klantportaal en de losse pagina's — hier zélf gehost.
 *
 * Ze kwamen van fonts.googleapis.com, en daarmee kreeg Google bij elk bezoek
 * het IP-adres van de klant zonder dat die daar iets over gezegd was (een Duitse
 * rechter kende daar in 2022 een schadevergoeding voor toe). Het zijn open
 * lettertypes (SIL Open Font License, zie OFL-*.txt ernaast), uit de npm-pakketten
 * @fontsource-variable/hanken-grotesk en @fontsource-variable/newsreader 5.3.0.
 *
 * - De familienamen zijn dezelfde als bij Google ('Hanken Grotesk', 'Newsreader'),
 *   zodat geen enkele pagina een andere font-family hoeft te noemen.
 * - Variabele fonts: één bestand dekt alle gewichten die de pagina's gebruiken.
 *   Newsreader is de variant mét optische grootte (opsz), net als bij Google.
 * - Alleen latin + latin-ext (Nederlands, Duits, Frans, Pools, Turks, …). Een
 *   teken daarbuiten valt terug op het volgende lettertype in de rij; de
 *   unicode-range zorgt dat latin-ext pas geladen wordt als zo'n teken er staat.
 * - Bestandsnamen dragen de versie (.v530): ze worden een jaar gecachet, dus een
 *   ander bestand = een andere naam. Zelfde regel voor dit bestand (-v1).
 */

@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/fonts/hanken-grotesk-latin-ext.v530.woff2) format('woff2-variations'),
       url(/fonts/hanken-grotesk-latin-ext.v530.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: 'Hanken Grotesk';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/fonts/hanken-grotesk-latin.v530.woff2) format('woff2-variations'),
       url(/fonts/hanken-grotesk-latin.v530.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: 'Newsreader';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/fonts/newsreader-latin-ext.v530.woff2) format('woff2-variations'),
       url(/fonts/newsreader-latin-ext.v530.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: 'Newsreader';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/fonts/newsreader-latin.v530.woff2) format('woff2-variations'),
       url(/fonts/newsreader-latin.v530.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;
}