/* AI Act Zorg: ontwerptokens v1.0
   Eén bron voor de site, de Use Case Card, rapporten en social.
   Contrastwaarden (WCAG) staan in Huisstijl.html. */
:root{
  /* kleur: basis */
  --inkt:#12263f;        /* tekst, koppen, logo */
  --petrol:#0f5f73;      /* primair: acties, links, het merk */
  --papier:#f6f8f9;      /* achtergrond pagina */
  --wit:#ffffff;         /* velden, vlakken */
  --lijn:#c9d3da;        /* randen, scheidingen */
  --gedempt:#4b5d6e;     /* secundaire tekst */
  --petrol-zacht:#e1eef1;/* hover, geselecteerd */
  --signaal:#e0a100;     /* aandacht: alleen als balk of stip, nooit als tekstkleur */

  /* kleur: risicocategorieën (betekenis, geen decoratie) */
  --verboden:#9b1c2e;      --verboden-zacht:#f7e2e5;
  --hoog:#b3541e;          --hoog-zacht:#fbeadf;
  --transparantie:#7a5c00; --transparantie-zacht:#f7efcf;
  --overig:#4f6272;
--overig-zacht:#e8edf0;

  --ok:#1f6b3a;          /* alleen voor 'klaar' en 'goed' in de interface, nooit voor een risicocategorie */

  /* type */
  --font-kop:"Palatino Linotype",Palatino,"Book Antiqua","Iowan Old Style",Georgia,serif;
  --font-tekst:"Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;
  /* schaal: 1,25 */
  --t-xs:.8125rem; --t-s:.9375rem; --t-m:1rem; --t-l:1.25rem; --t-xl:1.5625rem; --t-2xl:1.9375rem; --t-3xl:2.4375rem;
  --regelhoogte-tekst:1.55; --regelhoogte-kop:1.15;
  --max-regel:68ch;

  /* ruimte (basis 4px) */
  --r1:4px; --r2:8px; --r3:12px; --r4:16px; --r5:24px; --r6:32px; --r7:48px; --r8:72px;

  /* vorm */
  --hoek:5px;            /* velden, knoppen */
  --hoek-kaart:4px;      /* kaart en vlakken: bewust scherp, als papier */
  --band:14px;           /* de band: vaste breedte aan de linkerkant van een kaart */
  --focus:3px solid #2b8aa0;
}