/* ── Typografie ──────────────────────────────────────────────────────────────
   Systeemlettertypen: geen bestanden om te laden, dus nul extra bytes en geen
   moment waarop de tekst nog in een vervangende letter staat.

   Waarom deze volgorde. De stapel die hier eerder stond begon met ui-rounded en
   SF Pro Rounded. Daardoor kreeg een Mac-bezoeker een ronde letter en een
   Windows-bezoeker het hoekige Segoe UI: twee heel verschillende gezichten voor
   hetzelfde merk.

   Nu krijgt elk platform zijn eigen neutrale variant, die sterk op elkaar
   lijken:
     Windows   Segoe UI
     Mac/iOS   SF Pro, via -apple-system
     Android   Roboto
     overig    Helvetica of Arial

   Segoe UI staat vooraan omdat dat de gewenste letter is; op systemen zonder
   Segoe valt hij door naar het dichtstbijzijnde equivalent in plaats van naar
   iets ronds.

   Wil je later toch een eigen lettertype, dan hoeven alleen deze twee regels
   te veranderen \u2014 de rest van de site verwijst naar deze variabelen. */

:root {
  --fcz-display: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Roboto, Arial, sans-serif;
  --fcz-tekst:   "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Roboto, Arial, sans-serif;
}

body { font-family: var(--fcz-tekst); }

h1, h2, h3, h4 {
  font-family: var(--fcz-display);
  letter-spacing: -0.015em;
}