/* Individueel Toernooi: design-tokens, één bron van waarheid (docs/ontwerp.md).
   Navy als basis, grasgroen voor actie, signaalgeel als accent. Geen CDN.
   Toegankelijkheid (WCAG 2.2 AA): tekst 4,5:1, focusring en knoprand 3:1.
   Witte tekst staat nooit op --it-groen (3,18:1) maar op --it-groen-diep.
   Elke combinatie wordt nagerekend in tests/Unit/ContrastTest.php. */
:root{
  /* Kleur */
  --it-ink:#0F1D2B; --it-ink-zacht:#3C4A58; --it-ink-zachter:#5A6673;
  --it-navy:#14273A; --it-navy-diep:#0B1622;
  --it-groen:#22A559; --it-groen-fel:#2BC468; --it-groen-diep:#1B7F45; --it-groen-donker:#166B3A; --it-groen-zacht:#E6F6EC;
  --it-geel:#FFD23F; --it-geel-diep:#E8B800; --it-geel-zacht:#FFF6D1; --it-goud-tekst:#8A6A00;
  --it-rood:#E0432F; --it-rood-diep:#B8321F; --it-rood-donker:#9A2A1A; --it-rood-zacht:#FBE4E0;
  --it-wit:#FFFFFF; --it-mist:#F4F6F8; --it-mist-diep:#E6EAEE; --it-lijn:#DDE3E8;
  --it-whatsapp:#25D366; --it-whatsapp-diep:#1DA851;
  /* Tekst op navy-vlakken (topbalk, onderbalk, footer). */
  --it-op-navy:#C9D3DC; --it-op-navy-zacht:#A9B6C2; --it-op-navy-stil:#8A96A1;

  /* Hesjeskleuren: functionele tokens voor teams, bord en print. */
  --it-hesje-oranje:#F5811E; --it-hesje-blauw:#2F6FE4; --it-hesje-geel:#FFD23F;
  --it-hesje-groen:#22A559; --it-hesje-rood:#E0432F; --it-hesje-wit:#FFFFFF;
  --it-hesje-paars:#8E44AD; --it-hesje-zwart:#1A1A1A;

  /* Typografie: self-hosted Poppins (koppen) + Inter (tekst), zie it-fonts.css. */
  --it-font-kop:"Poppins","Avenir Next","Segoe UI",system-ui,sans-serif;
  --it-font-tekst:"Inter",-apple-system,system-ui,"Segoe UI",Roboto,sans-serif;

  /* Vorm en ruimte */
  --it-radius:16px; --it-radius-l:24px; --it-radius-pil:100px;
  --it-schaduw:0 1px 2px rgba(15,29,43,.06), 0 14px 32px -16px rgba(15,29,43,.22);
  --it-schaduw-l:0 3px 8px rgba(15,29,43,.08), 0 32px 60px -24px rgba(15,29,43,.30);
  /* Focus (WCAG 2.2 AA, 3:1): massieve ring in groen-diep op licht, geel op
     donker. --it-focus is de box-shadow-variant voor plekken waar de input
     onzichtbaar is (keuzetegels). Contrast bewaakt door ToegankelijkheidTest. */
  --it-focus-kleur:var(--it-groen-diep); --it-focus-kleur-donker:var(--it-geel);
  --it-focus:0 0 0 3px var(--it-wit), 0 0 0 6px var(--it-groen-diep);

  /* Fluid type-scale */
  --it-fs-display:clamp(2.4rem,5vw,3.8rem);
  --it-fs-h1:clamp(2rem,3.6vw,2.9rem);
  --it-fs-h2:clamp(1.55rem,2.6vw,2.1rem);
  --it-fs-body:1.0625rem;
}