/* ─────────────────────────────────────────────────────────────
   KLEURENSCHEMA: leisteen-koper
   Pas de kleuren hieronder aan om het schema te wijzigen.

   --bg          achtergrond van de pagina
   --surface     kaarten, header, lichte vlakken
   --ink         koppen en hoofdtekst
   --body        lopende tekst
   --muted       labels en bijschriften
   --border      lichte randen
   --line        scheidingslijnen
   --accent      knoppen, accenten (witte tekst moet erop leesbaar zijn)
   --accent-soft lichte achtergrond voor uitgelichte regels
   --dark        donkere vlakken (citaat, contact)
   --dark-text   tekst op donkere vlakken
   --dark-muted  bijschriften op donkere vlakken
   --dark-accent accent op donkere vlakken
   --logo        kleur van het logo
   --obi         kleur van de rood-witte band (8e dan)
   ───────────────────────────────────────────────────────────── */

:root,
[data-theme="leisteen-koper"] {
  --bg: #F2F4F5; --surface: #FFFFFF; --ink: #1D262D; --body: #3A444C; --muted: #535D65;
  --border: #DEE2E5; --line: #C4CBD0; --accent: #8C4A1F; --accent-soft: #F7EEE8;
  --dark: #2C3943; --dark-text: #F2F4F5; --dark-muted: #B0BCC5; --dark-accent: #E6A673;
  --logo: #2C3943; --obi: #B3261E;
}

/* Lettertypes (ook per thema te overschrijven) */
:root {
  --font-kop: "Shippori Mincho", Georgia, "Times New Roman", serif;
  --font-tekst: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}