/* assets/fonts/xion-fonts.css: alle lettertypen van Xion, zelf gehost.

   Waarom (24-9-2026): elke pagina laadde zijn letters van fonts.googleapis.com
   en fonts.gstatic.com. Dan krijgt Google bij elk bezoek het IP-adres van de
   bezoeker, zonder toestemming en zonder dat de privacyverklaring het noemde
   (LG Munchen, 20-1-2022, 3 O 17493/20: zo'n doorgifte is in strijd met de
   AVG). Nu komt alles van ons eigen domein en praat de browser niet meer met
   Google.

   Gebruik: <link rel="stylesheet" href="/assets/fonts/xion-fonts.css?v=2">
   of in CSS: @import url('/assets/fonts/xion-fonts.css?v=2');
   Nooit meer een link naar fonts.googleapis.com; tests/test_zelf_gehost.php
   bewaakt dat.

   Wat erin zit (huisstijl.html sectie 05, plus twee oude letters):
     Manrope              tekst                       200 tot 800
     Bricolage Grotesque  paginakoppen (met opsz)     200 tot 800
     JetBrains Mono       waardes die je afleest      100 tot 800
     Outfit               alleen nog de changelog (oud, wordt Manrope)
     Material Symbols     iconen, hetzelfde bestand als de app

   Elk lettertype is één variabel bestand per tekenset. De latin-ext-set
   (ł, ő, ș, ...) wordt alleen opgehaald als zo'n teken op de pagina staat.
   Bron: @fontsource-variable 5.3.0 (Google Fonts), licentie SIL OFL 1.1, zie
   de OFL-bestanden ernaast. Het versienummer staat in de bestandsnaam, zodat
   een nieuwe versie een nieuwe URL krijgt (de .htaccess cachet woff2 een jaar). */

/* ── Manrope ─────────────────────────────────────────────────────────── */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url('manrope-latin-ext.v20.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: 'Manrope';
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url('manrope-latin.v20.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;
}

/* ── Bricolage Grotesque (gewicht en optische grootte) ───────────────── */
@font-face {
    font-family: 'Bricolage Grotesque';
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url('bricolage-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: 'Bricolage Grotesque';
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url('bricolage-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;
}

/* ── JetBrains Mono ──────────────────────────────────────────────────── */
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-display: swap;
    font-weight: 100 800;
    src: url('jetbrains-mono-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: 'JetBrains Mono';
    font-style: normal;
    font-display: swap;
    font-weight: 100 800;
    src: url('jetbrains-mono-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;
}

/* ── Outfit (oud, alleen nog de changelog) ───────────────────────────── */
@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url('outfit-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: 'Outfit';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url('outfit-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;
}

/* ── Material Symbols Outlined ───────────────────────────────────────── */
/* Hetzelfde bestand als de app (dashboard/css/base.css). 'block' en niet
   'swap': anders zie je heel even het woord "arrow_back" in plaats van het
   icoon. De klasse hieronder deed Googles stylesheet vroeger voor ons. */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-display: block;
    font-weight: 100 700;
    src: url('/dashboard/fonts/MaterialSymbolsOutlined.v355.woff2') format('woff2');
}
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}