/* shared/tokens.css — Amorgos huisstijl-tokens (US-207 B1).
   Één bron voor het hele portaal én de Buitenland-pagina's, zodat geen enkele pagina
   nog een eigen tokenkopie heeft die kan afdrijven. Geëxtraheerd uit index.html :root.
   Wijzig tokens ALLEEN hier. */
:root {
  /* ── Amorgos huisstijl — primaire palet ── */
  --blauw-donker: #172d4a;
  --blauw-accent: #171527;
  --rood: #ed1c24;
  --rood-accent: #c41c24;
  --geel-licht: #fff3c4;
  --geel-mid: #ffea9c;
  --geel-accent: #ffd529;
  --groen: #339900;
  --groen-accent: #336800;
  --lichtblauw: #aed8f5;
  --grijs: #f1f1f1;
  --grijs-inactief: #dddddd;
  --tekst: #252729;
  --tekst-wit: #ffffff;
  /* ── Grafiek / datavisualisatie — teal-familie (US-177; los van semantische kleuren) ── */
  --graf-teal-vol: #0F6E56;
  --graf-teal-licht: #9FE1CB;

  /* ── Afgeleide / interne variabelen ── */
  --blauw: #172d4a;
  --blauw-mid: #2e5480;
  --blauw-licht: #cce4f7;
  --wit: #ffffff;
  --grijs-licht: #f4f4f4;
  --grijs-mid: #888888;
  --tekst-mid: #555b62;
  --rood-licht: #fde8e8;
  --groen-licht: #e4f2d8;
  --oranje: #d97706;
  --oranje-licht: #fef3c7;
  --tabbar-h: 64px;

  /* ── Typografie — vastgelegd 2026-05-20 (US-135) ── */
  --font: "Open Sans", Helvetica, Arial, sans-serif;

  /* Tekststijlen */
  --t-kop1-size: clamp(18px, 4vw, 22px);
  --t-kop2-size: 17px;
  --t-kop3-size: 15px;
  --t-body-size: 14px;
  --t-meta-size: 13px;

  /* Kaart-elevatie */
  --kaart-schaduw: 0 6px 16px rgba(23,45,74,0.14);
  --kaart-border: 0.5px solid rgba(23,45,74,0.08);
  --filter-border: 0.5px solid rgba(23,45,74,0.2);
  --kaart-radius: 12px;

  /* Badge-kleuren */
  --badge-groen-bg: #e8f5e0;
  --badge-groen-tekst: #2d6e10;
  --badge-blauw-bg: #e8f0fe;
  --badge-blauw-tekst: #1a4d80;
  --badge-amber-bg: #fff3c4;
  --badge-amber-tekst: #8a6200;
  --badge-rood-bg: #fde8e8;
  --badge-rood-tekst: #9b1c1c;
}