/* Gemaakt uit design/tokens.json (Monarch Cockpit Avond). Niet met de hand wijzigen. */
:root {
  --bg: #0f0e0c;
  --vlak: #191714;
  --vlak2: #221f1b;
  --vlak3: #2d2924;
  --lijn: rgba(255,235,210,0.09);
  --lijn2: rgba(255,235,210,0.17);
  --tekst: #f4efe8;
  --zacht: #bbb2a7;
  --stil: #958d83;
  --accent: #d9925b;
  --accent2: #ecae7c;
  --opaccent: #1c130b;
  --accentzacht: rgba(217,146,91,0.15);
  --goed: #5cc98f;
  --opgoed: #07150d;
  --letop: #e9b65a;
  --laat: #f2766a;
  --info: #86b6f2;
  --focus: #ecae7c;
  --merk: #d9925b;
  --lijnlink: rgba(244,239,232,0.30);
  --toast: var(--vlak3);
  --toasttekst: var(--tekst);
  --kanaal-mail: #ea4335;
  --kanaal-whatsapp: #25d366;
  --kanaal-messenger: #0a7cff;
  --kanaal-facebook: #0866ff;
  --font-sans: Manrope, system-ui, sans-serif;
  --font-merk: Cinzel, Georgia, serif;
  --ruimte-1: 4px;
  --ruimte-2: 8px;
  --ruimte-3: 12px;
  --ruimte-4: 16px;
  --ruimte-5: 20px;
  --ruimte-6: 24px;
  --tik-telefoon: 44px;
  --tik-minimaal: 24px;
  --hoek-klein: 7px;
  --hoek-knop: 11px;
  --hoek-vak: 16px;
  --hoek-rond: 999px;
  --schaduw: 0 24px 60px rgba(0,0,0,0.55), 0 2px 8px rgba(0,0,0,0.40);
  --duur-beweging: 280ms;
  --duur-vervagen: 120ms;
  --wacht-hoverkaartje: 500ms;
  --wacht-wegbewegen: 300ms;
  --curve-veer: cubic-bezier(0.2,1.2,0.36,1);
  --curve-zacht: cubic-bezier(0.22,1,0.36,1);
  color-scheme: dark;
}