/* ═══════════════════════════════════════════════════════
   Design-tokens "De Werkbank" — Nexision huisstijl
   Kanoniek bestand: tools en site nemen dit over.
   Bron: Huisstijl/Huisstijl.dc.html (concept 01, 16-08-2026)
   ═══════════════════════════════════════════════════════ */
:root {
  /* ── Kernkleuren ── */
  --asfalt:    #1C1D1A;  /* primair — tekst en donkervlak */
  --gietijzer: #33352E;  /* achtergrond donker — secties, footer */
  --potlood:   #55584D;  /* tekst secundair — bijschrift, label */
  --werkbank:  #F1ECE1;  /* achtergrond licht — papier, standaard */
  --krijt:     #C9C6BB;  /* secundaire tekst op donker */
  --oker:      #D9A404;  /* accent — actie, markering */
  --menie:     #C0442A;  /* signaal — let op, storing; als tekst alleen >= 24px */
  --wit:       #FFFFFF;

  /* ── Semantisch ── */
  --bg:               var(--werkbank);
  --bg-donker:        var(--asfalt);
  --bg-blok-donker:   var(--gietijzer);
  --tekst:            var(--asfalt);
  --tekst-secundair:  var(--potlood);
  --tekst-op-donker:  var(--werkbank);
  --tekst-op-donker-2:var(--krijt);
  --actie:            var(--oker);
  --signaal:          var(--menie);

  /* ── Typografie ── */
  --font-kop:   'Oswald', Impact, 'Arial Narrow', sans-serif;
  --font-brood: 'Barlow', 'Helvetica Neue', Arial, sans-serif;
  --font-cijfer:'Oswald', Impact, sans-serif;
  /* Monospace voor ruwe invoer, codes en technische labels (Fundament v3:
     "aan te vullen met een monospace"). Systeemstack, geen extra webfont. */
  --font-mono:  ui-monospace, 'Cascadia Mono', 'Segoe UI Mono', Consolas, monospace;

  /* ── Vormentaal: rechte hoeken, geen schaduw ── */
  --radius: 0;
  --rand-dik: 3px solid var(--asfalt);
  --rand-dun: 2px solid var(--asfalt);
  --accentbalk: 8px solid var(--oker);
  --balk: 8px;            /* beeldmerk-balk: de streep onder de O */
  --overgang: 160ms ease; /* één tempo voor alle hover-overgangen */

  /* ── Maten ── */
  --site-breedte: 1180px;
  --sectie-ruimte: 96px;
}