/* Zelf gehoste lettertypen.
 *
 * WAAROM NIET DE GOOGLE FONTS-SERVER:
 * die stuurt het IP-adres van elke bezoeker naar Google. Voor een Nederlands
 * bedrijf dat kandidaatgegevens verwerkt is dat een AVG-kwestie; Duitse
 * rechtspraak heeft het embedden van Google Fonts expliciet als overtreding
 * aangemerkt. Zelf hosten haalt die verwerking weg en scheelt bovendien twee
 * DNS-opzoekingen plus een TLS-handdruk bij het laden van elke pagina.
 *
 * Licenties: IBM Plex Sans/Mono en Inter vallen allebei onder de SIL Open Font
 * License, die zelf hosten uitdrukkelijk toestaat.
 *
 * Alleen de latin-subset: het Nederlands heeft niets buiten latin nodig en de
 * accenten (ë ï é ó ü) zitten daar in. Scheelt het grootste deel van elk
 * bestand.
 *
 * font-display: swap - tekst is meteen leesbaar in het reservelettertype en
 * wisselt zodra het echte binnen is. Bij een dichte CRM is wachten op een
 * lettertype erger dan een korte wissel.
 */

/* ---------- IBM Plex Sans: interface van het studio-ontwerp ---------- */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/plex-sans-400.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/plex-sans-500.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/plex-sans-600.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/plex-sans-700.woff2') format('woff2');
}

/* ---------- IBM Plex Mono: getallen, bedragen, tijdstippen, id's ----------
 * Een echt monospace-lettertype voor cijferkolommen leest sneller dan een
 * proportioneel lettertype met tabular-nums, omdat ook de scheidingstekens
 * uitlijnen. */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/plex-mono-400.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/plex-mono-500.woff2') format('woff2');
}

/* ---------- IBM Plex Serif: het kandidaatverslag (07-09-2026) ----------
 * Zusterletter van de Plex Sans hierboven, zelfde superfamilie en zelfde SIL
 * Open Font License, dus zelf hosten mag op dezelfde grond. Alleen de drie
 * snitten die het verslag gebruikt: 400 voor lopende tekst, 500 voor titels,
 * 600 voor de kop "Ons advies". Geen cursief, dat komt in het ontwerp niet
 * voor. */
@font-face {
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/plex-serif-400.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/plex-serif-500.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/plex-serif-600.woff2') format('woff2');
}

/* ---------- Inter: het klassieke ontwerp ----------
 * Variabele versie: één bestand van 47 KB voor alle diktes 100 tot 900, in
 * plaats van vijf losse bestanden. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter-var.woff2') format('woff2');
}

/* ---------- Space Grotesk: koppen op inlogpagina en voorpagina ---------- */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/fonts/space-grotesk-var.woff2') format('woff2');
}

/* ---------- Manrope en JetBrains Mono: alleen de voorpagina (17-08-2026) ----------
 * Zelfde reden en dezelfde SIL Open Font License als de lettertypen hierboven;
 * eerder van Google's eigen CDN gehaald en hier eenmalig gevendord, in plaats
 * van bij elk paginabezoek een verbinding met Google te openen. */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/manrope-var.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('/fonts/jetbrains-mono-var.woff2') format('woff2');
}

/* ---------- Fraunces: wordmerk "Kompas" in logo-full.svg (30-08-2026) ----------
 * Alleen de twee snitten die het wordmerk gebruikt: 600 rechtop voor
 * "Franchise", 440 cursief voor "hub". Fraunces is een variabele letter met
 * een optical-size-as, maar Google levert op deze twee vaste gewichten een
 * losse, kleinere statische instantie per snit; dat scheelt bestandsgrootte
 * tegenover het volledige variabele lettertype terwijl beide snitten die het
 * wordmerk nodig heeft toch beschikbaar zijn. */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/fraunces-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 440;
  font-display: swap;
  src: url('/fonts/fraunces-italic-440.woff2') format('woff2');
}