/* Methodepaneel-tokens (richting D, 2026-09-30).
   Bron: outputs/sustiro/design-refero/03-tokenvoorstel-methodepaneel.md §6 (akkoord Ronald 30-09).
   Reference lock: SuperHi Basic Income (Refero 88dceb46) voor paneel, 1px-lijnen, 16px knop, 50px pil,
   32px kaartpadding en één easing; CTA-geel geleend van Sandland Sleep (f46e6717); mono-tag van
   Integrated Biosciences (32add4f9). Contrast gemeten met de WCAG-formule, zie 05-bouwverslag.

   Rolregels (alleen deze rollen, nooit een andere):
     --su-cta    alleen CTA en keuzehulp                 --su-panel  paneel, balk, 1px merklijnen, focus
     --su-ev-*   alleen bewijslabels (tint+tekst = tag, vul = grafiek)
     --su-alarm  alleen de rand van het alarmsignalenblok
   Dit bestand wordt ná fable-tokens.css geladen en overschrijft daar niets van: alle namen zijn nieuw. */
:root{
  --su-panel:#2C5F8A; --su-panel-dim:#C9DBEA; --su-navy-dk:#1A2A3A;
  --su-ink:#1a2332; --su-muted:#4a5868; --su-bg:#FFFFFF; --su-soft:#F4F7FA; --su-line:#DBE2E8;
  --su-link:#2C5F8A; --su-cta:#FFD23F; --su-alarm:#9b2c2c;
  /* bewijsschaal in Sustiro-kleuren (tokenvoorstel §1, besluit 30-09): vul = --ev-high/--ev-mid/--ev-mixed/--ev-low
     van het theme; tint + tekst voor tags, vul alleen voor grafiek */
  --su-ev-sterk:#2d5a3f;     --su-ev-sterk-txt:#2d5a3f;     --su-ev-sterk-tint:#E6EBE8;
  --su-ev-redelijk:#b8893d;  --su-ev-redelijk-txt:#7D5D29;  --su-ev-redelijk-tint:#F6F1E8;
  --su-ev-wisselend:#7a6b8f; --su-ev-wisselend-txt:#6B5E7E; --su-ev-wisselend-tint:#EFEDF2;
  --su-ev-beperkt:#8b93a3;   --su-ev-beperkt-txt:#5F646F;   --su-ev-beperkt-tint:#F1F2F4;
  --su-font:"IBM Plex Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --su-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --su-panel-w:min(30%,400px); --su-read-w:760px;
  --su-r-btn:16px; --su-r-tag:4px; --su-r-pil:50px; --su-r-card:12px; --su-pad-card:32px;
  --su-ease:ease; --su-t-layer:240ms;
}
@media (prefers-reduced-motion:reduce){ :root{ --su-t-layer:0ms } }

/* Zelf gehoste lettertypen (reparatie 30-09-2026). Nooit via Google Fonts of een andere externe host: geen cookies,
   geen IP-doorgifte, geen extra verbinding op het kritieke pad. Bestanden in assets/fonts/ (latin), licentie
   assets/fonts/ibmplex-OFL.txt (SIL OFL 1.1). Plex Sans is één variabel bestand voor 400, 600 en 700. */
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"IBM Plex Sans";src:url("../fonts/IBMPlexSans-Variable.woff2") format("woff2");font-weight:100 700;font-style:normal;font-display:swap;}

/* R1 (30-09-2026): lopende tekst sitebreed op IBM Plex Sans. fable-tokens.css (gegenereerd) zet --s-font-body nog op
   Atkinson Hyperlegible (afgewezen: doorgestreepte nul); dit bestand laadt erna en overschrijft alleen die ene variabele.
   Zelfde selector en dezelfde terugvallijst. De generator (build_fable_theme.py, inc/fable-brand.php) kent Atkinson nog. */
#sustiro-chrome{--s-font-body:'IBM Plex Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;}