/* Merk Hoi Timo: de kleuren, ruimte en hoeken als CSS-variabelen. Eén bestand voor de site, het portaal en de app (zie docs/merk.md).
   Bron: merk/merk.css. Kopieën (niet met de hand bewerken): online/merk/ (eigen-site/build.py), portaal/public/merk/ en cloud/public/merk/
   (python3 merk/kopieer.py; hulpmiddelen/controle.py meldt een kopie die afwijkt). */
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url('figtree-var.woff') format('woff')}
:root{
  --groen:#1E5B45;--groen-diep:#123A2C;--groen-tekst:#1E5B45;
  --limoen:#D9F0A3;--salie:#A3C8B5;--nacht:#1B2420;
  --inkt:#1B2420;--inkt-zacht:#56645B;
  --grond:#F5F6F2;--vlak:#FFFFFF;--lijn:#E1E5DF;--rand-veld:#7D8A81;
  --op-groen:#FFFFFF;--op-limoen:#1B2420;--op-nacht-zacht:color-mix(in srgb,#FFFFFF 78%,#1B2420);
  --ok-vlak:#E1EEE6;--ok-tekst:#1E5B45;
  --let-op-vlak:#FBEBD2;--let-op-tekst:#6B4A0B;
  --fout-vlak:#FFF1EC;--fout-tekst:#8A2F17;
  --font-sans:Figtree,"Helvetica Neue",Arial,sans-serif;
  --ruimte-1:4px;--ruimte-2:8px;--ruimte-3:12px;--ruimte-4:16px;--ruimte-6:24px;--ruimte-8:32px;
  --hoek-s:6px;--hoek-m:12px;--hoek-l:18px;--hoek-rond:999px;
  --tik-min:44px;--knop-hoogte:52px;
  --schaduw-kaart:0 1px 2px rgba(20,32,25,.12);
}