/* ============================================================
   Bestand: public_html/assets/fonts/fonts.css
   ============================================================

   De lettertypen die het CMS zelf meelevert, op één plek.

   Waarom dit bestaat:
   Elk portalthema had zijn eigen kopie van dezelfde woff2-bestanden in zijn eigen map, en zijn
   eigen @font-face-regels in zijn eigen stylesheet. Zolang een thema alleen zijn eigen letters
   gebruikt werkt dat, maar zodra je in het beheer een lettertype kunt kíezen, kan een thema alleen
   uit zijn eigen mapje kiezen. Dan is de keuzelijst een lijst met opties die de helft van de tijd
   niets doen.

   Vandaar één gedeelde map met één kopie per familie. Een @font-face-regel kost niets zolang het
   lettertype niet wordt gebruikt: de browser haalt een bestand pas op als er tekst mee wordt gezet.
   Dit bestand mag daarom gewoon overal mee.

   De letters zelf staan onder een vrije licentie (SIL Open Font License) en worden bewust zelf
   gehost: de beveiligingsregels van de site staan geen lettertypen van een andere server toe.

   Wie hier een familie bijzet, zet hem ook in ThemeTypographyService::FAMILIES; anders staat hij
   wel klaar maar is hij niet te kiezen.
   ============================================================ */

@font-face {
    font-family: "Newsreader";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/assets/fonts/newsreader-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Newsreader";
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url("/assets/fonts/newsreader-italic-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Instrument Sans";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/assets/fonts/instrument-sans-latin.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/assets/fonts/ibm-plex-sans-latin-var.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400 600;
    font-display: swap;
    src: url("/assets/fonts/ibm-plex-mono-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Fraunces";
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url("/assets/fonts/fraunces-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url("/assets/fonts/manrope-latin-var.woff2") format("woff2");
}

@font-face {
    font-family: "Public Sans";
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url("/assets/fonts/public-sans-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/assets/fonts/space-grotesk-latin.woff2") format("woff2");
}

@font-face {
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/assets/fonts/jetbrains-mono-latin.woff2") format("woff2");
}

/* ── Franeker: academiestad-drieluik ───────────────────────────────────────────
   EB Garamond (boekdruk 1585) voor koppen en merk, Archivo voor interface en
   lopende tekst, Space Mono voor data, tijden en kickers. Alle drie SIL Open
   Font License. EB Garamond en Archivo zijn variabel: één bestand dekt het hele
   gewichtsbereik, cursief in een tweede bestand. */

@font-face {
    font-family: "EB Garamond";
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url("/assets/fonts/eb-garamond-latin-var.woff2") format("woff2");
}

@font-face {
    font-family: "EB Garamond";
    font-style: italic;
    font-weight: 400 800;
    font-display: swap;
    src: url("/assets/fonts/eb-garamond-italic-latin-var.woff2") format("woff2");
}

@font-face {
    font-family: "Archivo";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/assets/fonts/archivo-latin-var.woff2") format("woff2");
}

@font-face {
    font-family: "Archivo";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("/assets/fonts/archivo-italic-latin-var.woff2") format("woff2");
}

@font-face {
    font-family: "Space Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/space-mono-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Space Mono";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/assets/fonts/space-mono-bold-latin.woff2") format("woff2");
}

/* ── Wieringerwerf: polderdrieluik ─────────────────────────────────────────────
   Bitter (slab, koppen en jaartallen) en Source Sans 3 (interface en lopende
   tekst), allebei variabel: één bestand per stijl dekt het hele gewichtsbereik.
   De derde letter van dat thema, IBM Plex Mono, staat hierboven al; het thema
   gebruikt hem in 400 en 700, en die 700 rendert de browser vet uit het gewone
   bestand, precies zoals de andere thema's dat vandaag ook doen. Een echt vet
   bestand ernaast zetten verandert namelijk ook de cijfers in lodewijk en
   hogerheide, en dat is een besluit voor die thema's, niet voor dit. Beide
   families SIL Open Font License, latin-subset. */

@font-face {
    font-family: "Bitter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/assets/fonts/bitter-latin-var.woff2") format("woff2");
}

@font-face {
    font-family: "Bitter";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("/assets/fonts/bitter-italic-latin-var.woff2") format("woff2");
}

@font-face {
    font-family: "Source Sans 3";
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
    src: url("/assets/fonts/source-sans-3-latin-var.woff2") format("woff2");
}

@font-face {
    font-family: "Source Sans 3";
    font-style: italic;
    font-weight: 200 900;
    font-display: swap;
    src: url("/assets/fonts/source-sans-3-italic-latin-var.woff2") format("woff2");
}