/* Ontwerpwaarden van Fluxion. Alle kleuren, maten en lettertypen staan hier en nergens anders.
   Kleuren komen van de ALD2-website (www.ald2.nl, 23-10-2026): inkt #0a1c31, blauw #3a66db, lichtblauw #e6f6ff. */
:root {
  /* kleur: ALD2-blauw met donkere inkt, veel wit */
  --kleur-primair: #3a66db;
  --kleur-primair-licht: #e6f6ff;
  --kleur-primair-hover: #2c52b8;
  --kleur-accent: #e8890c;
  --kleur-grijs-licht: #faf9f7;
  --kleur-grijs: #f4f4f2;    /* de grijze vlakken van www.ald2.nl (inlogpaneel) */
  --merk-oranje: #e18304;    /* de gekleurde zeshoeken van de ALD2-website */
  --merk-rood: #ea063e;
  --merk-roze: #e3b3c1;
  --merk-groen: #6ed0b0;
  --merk-geel: #ffc60b;
  --kleur-tekst: #0a1c31;
  --kleur-tekst-zacht: #4a5d73;
  --kleur-achtergrond: #f6f8f9;
  --kleur-vlak: #ffffff;
  --kleur-lijn: #d8dfe8;
  --kleur-focus: #0a1c31;
  --kleur-goed: #1e7a46;   --kleur-goed-licht: #e2f4e9;
  --kleur-let-op: #9a5b00; --kleur-let-op-licht: #fff1d6;
  --kleur-fout: #b3261e;   --kleur-fout-licht: #fbe7e5;

  /* kolommen van het bord */
  --status-nieuw: #5a6b7d;
  --status-te_doen: #3a66db;
  --status-bezig: #e8890c;
  --status-validatie: #7b4dc4;
  --status-klaar: #1e7a46;

  /* tekst */
  --lettertype: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --tekst-s: 0.875rem;
  --tekst-m: 1rem;
  --tekst-l: 1.25rem;
  --tekst-xl: 1.625rem;
  --regelhoogte: 1.6;

  /* ruimte, vorm */
  --ruimte-1: 4px; --ruimte-2: 8px; --ruimte-3: 12px; --ruimte-4: 16px; --ruimte-5: 24px; --ruimte-6: 32px;
  --rond: 10px;
  --rond-klein: 6px;
  --schaduw: 0 1px 2px rgba(10, 28, 49, 0.08), 0 2px 8px rgba(10, 28, 49, 0.06);
  --zijbalk: 232px;
  --aanraak: 44px;       /* minimale hoogte van knoppen en invoer */
}

/* Leesvriendelijk (voor dyslexie): meer letter- en regelafstand, geen volledig wit */
:root[data-leesvriendelijk="aan"] {
  --kleur-achtergrond: #fbf6e9;
  --kleur-vlak: #fffdf6;
  --regelhoogte: 1.85;
  --tekst-m: 1.0625rem;
}
:root[data-leesvriendelijk="aan"] body { letter-spacing: 0.04em; word-spacing: 0.12em; }