/* Merk-tokens. Het enige CSS-bestand dat per merk verschilt.

   Richting B "Inkt & Amber", doorgevoerd 28-09-2026 (18-KLEURRICHTINGEN-OPZET).
   De oude namen (cream, slate, amber, ...) blijven bestaan met nieuwe waarden,
   zodat pagina's die er nog naar verwijzen vanzelf de lichte B-basis krijgen.
   De nieuwe namen eronder zijn de taal van richting B; nieuwe CSS gebruikt die.

   Contrastregels (gemeten, zie 00b-DESIGNTOKENS-cymatra.md):
   - amber als tekst alleen op donker: --amber-op-donker op --inkt (7,5:1)
   - op licht is amber een vlak (--amber-vlak, met donkere tekst erop, 5,4:1)
     of een lijn/icoon (--amber-lijn, 3,9:1 op --licht: alleen >=18px of vet, of niet-tekst)
   - nooit witte tekst op amber (2,3:1) */

  :root{
    /* --- richting B, nieuwe namen --- */
    --licht:#F4F6F8;--licht-2:#E9EDF1;--kaart:#FFFFFF;--licht-rand:#D9DFE5;
    --inkt:#0F1B2D;--inkt-diep:#0A1220;--inkt-2:#16253B;--inkt-hover:#22344F;--inkt-rand:#26364D;
    --tekst:#1B2430;--gedempt:#5B6573;
    --tekst-op-donker:#EEF1F3;--gedempt-op-donker:#9AA7B8;
    --amber-op-donker:#E89A3C;--amber-op-donker-hover:#F0B061;
    --amber-vlak:#D8851D;--amber-vlak-hover:#E89A3C;--amber-vlak-tekst:#1B2430;
    --amber-lijn:#B8660F;--amber-lijn-hover:#94570F;
    --focus-op-licht:#1B2430;--focus-op-donker:#E89A3C;

    /* --- accent per categorie (herstel-thuis 10-10-2026, docs/cymatra/IA-herstel-thuis-20261010.md §4) ---
       Alleen voor kicker, categorie-icoon, dunne lijnen, actieve menutoestand en het hero-accent van een hub.
       Nooit als sectieachtergrond, nooit op knoppen. Eén kleur haalt AA niet op inkt én op licht, dus twee waarden:
       zonder achtervoegsel = op --inkt (PEMF 7,5 · roodlicht 7,0 · compressie 8,7 · koude 9,9 : 1),
       -op-licht = op --licht (PEMF 5,3 · roodlicht 5,5 · compressie 5,5 · koude 5,5 : 1). */
    --accent-pemf:#E89A3C;--accent-pemf-op-licht:#94570F;
    --accent-roodlicht:#F08A6C;--accent-roodlicht-op-licht:#A8452B;
    --accent-compressie:#8FC4A0;--accent-compressie-op-licht:#3F6E4E;
    --accent-koude:#6FD3E0;--accent-koude-op-licht:#0E6E7A;

    /* --- bestaande namen, nieuwe waarden (niet hernoemen: pagina's verwijzen ernaar) --- */
    --cream:var(--licht);--cream-deep:var(--licht-2);--card:var(--kaart);--sand:var(--licht-2);
    --slate:var(--inkt);--slate-deep:var(--inkt-diep);--ink:var(--tekst);--muted:var(--gedempt);
    --mist:var(--gedempt-op-donker);--steel:var(--gedempt);
    --amber:var(--amber-vlak);--amber-deep:var(--amber-lijn);--amber-hi:var(--amber-op-donker);
    --border:var(--licht-rand);--border-grey:var(--licht-rand);
    --forest:#3A5A3A;--bronze:#8E6324;--clay:#A85D3D;--slatecool:var(--gedempt);

    --serif:'Newsreader',Georgia,'Times New Roman',serif;
    --sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    --mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
  }