/* Groen Licht Advies — design tokens (gegenereerd uit tokens.json). Pas waarden alleen hier aan. */
@font-face { font-family: 'Open Sans'; src: url('/fonts/OpenSans-Variable-latin.woff2') format('woff2'); font-weight: 300 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('/fonts/OpenSans-Variable-Italic-latin.woff2') format('woff2'); font-weight: 300 800; font-style: italic; font-display: swap; }
:root {
  --groen-donker: #29413b;
  --groen-bos: #365d36;
  --groen-blad: #37653a;
  --groen-diep: #163f27;
  --wit: #ffffff;
  --groen-licht: #f3f6f3;
  --groen-tint: #e8efe9;
  --zand: #f4efe4;
  --tekst: #2b3532;
  --tekst-secundair: #59645f;
  --lijn: #c9d3cc;
  --lijn-invoer: #77857e;
  --knop-hover: #2b4a35;
  --fout: #b42318;
  --fout-licht: #fdf3f2;
  --waarschuwing: #8a5a00;
  --focus: var(--groen-bos);
  --focus-op-donker: var(--wit);
  --overlay-foto: rgba(22, 63, 39, 0.6);
  --schaduw-subtiel: 0 1px 2px rgba(22, 63, 39, 0.08);
  --ruimte-8: 8px;
  --ruimte-16: 16px;
  --ruimte-24: 24px;
  --ruimte-32: 32px;
  --ruimte-48: 48px;
  --ruimte-64: 64px;
  --ruimte-96: 96px;
  --hoek-standaard: 6px;
  --inhoud-max: 1200px;
  --tekst-max: 720px;
  --sectie-ruimte: 96px;
  --sectie-ruimte-mobiel: 64px;
  --klikdoel-min: 44px;
  --knop-hoogte: 48px;
  --focus-dikte: 3px;
  --focus-afstand: 2px;
  --font-sans: "Open Sans", "Segoe UI", Calibri, system-ui, sans-serif;
}
html { background: var(--wit); }
body { margin: 0; }