/* =====================================================================
   letter.css — één letter voor heel klyo.nl: Mona Sans.
   Besluit Steven, 24 oktober 2026, gekozen uit drie gerenderde opties
   ("alle lettertypen gelijk, super strak en netjes"). Daarvoor stonden er
   drie letters door elkaar: Newsreader (koppen), Geist (tekst) en Geist
   Mono (labels).

   Zelf gehost, uit Google Fonts (Mona Sans v4, subsets latin en
   latin-ext), onder de SIL Open Font License: zie /fonts/OFL.txt en
   /fonts/BRONNEN.md. Zelf hosten scheelt bij elk bezoek een verbinding met
   Google, en de letter staat er sneller.

   Twee namen, dezelfde bestanden:
   - 'Mona Sans' — lopende tekst, knoppen en labels (--sans en --mono).
   - 'Klyo Kop'  — koppen (--serif, wat vroeger Newsreader was). Twee
     instellingen houden ze strak zonder dat er één CSS-regel van een
     pagina hoeft te veranderen:
       · size-adjust 85.3%: de x-hoogte van Newsreader (0,453) gedeeld door
         die van Mona Sans (0,531), gemeten in Chromium. Een kop wordt dus
         niet groter dan hij met de schreefletter was;
       · font-weight 500 700: de browser klemt het gewicht binnen deze
         grenzen, dus een kop die om 400 vraagt, krijgt 500.
   ===================================================================== */

@font-face {
  font-family: 'Mona Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/mona-sans-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: 'Mona Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/mona-sans-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Mona Sans';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/mona-sans-italic-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: 'Mona Sans';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/mona-sans-italic-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Klyo Kop';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  size-adjust: 85.3%;
  src: url('/fonts/mona-sans-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: 'Klyo Kop';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  size-adjust: 85.3%;
  src: url('/fonts/mona-sans-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Klyo Kop';
  font-style: italic;
  font-weight: 500 700;
  font-display: swap;
  size-adjust: 85.3%;
  src: url('/fonts/mona-sans-italic-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: 'Klyo Kop';
  font-style: italic;
  font-weight: 500 700;
  font-display: swap;
  size-adjust: 85.3%;
  src: url('/fonts/mona-sans-italic-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}