/* ============================================================
   Zine — Self-hosted fonts (GDPR-friendly, fully offline)
   - Display : Ramadhan Mubarok  (ornamental, headings)
   - Body/UI : Roboto (variable)
   - Accent  : Amiri (elegante serif, alleen Latijn — het Arabisch is eruit)
   ============================================================ */

/* ---- Display: Ramadhan Mubarok ----
   Note: this font lacks the glyphs  ,  !  :  — avoid them in display text. */
@font-face {
  font-family: 'Ramadhan Mubarok';
  src: url('../assets/fonts/RamadhanMubarok.woff2') format('woff2'),
       url('../assets/fonts/RamadhanMubarok.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ---- Body / UI: Roboto (variable, 100–900) ----
   Zelf gehost, net als de rest: geen verzoek naar een ander domein, en de
   pagina werkt offline. De twee bestanden zijn de latin- en latin-ext-snede
   van Google's variabele Roboto; samen 72 kB. Nederlands heeft aan latin
   genoeg (é, ë, ï, ó, ü zitten in Latin-1), latin-ext staat erbij voor een
   naam of een merk dat er buiten valt. */
@font-face {
  font-family: 'Roboto';
  src: url('../assets/fonts/roboto-latin.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
  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: 'Roboto';
  src: url('../assets/fonts/roboto-latin-ext.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
  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;
}

/* ---- Accent serif + Arabic: Amiri ---- */
/* Latin */
@font-face {
  font-family: 'Amiri';
  src: url('../assets/fonts/amiri-latin-400.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2122, U+2191, U+2193, U+2212;
}
@font-face {
  font-family: 'Amiri';
  src: url('../assets/fonts/amiri-latin-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2122, U+2191, U+2193, U+2212;
}
/* Arabic */