/* Gegenereerd uit packages/huisstijl/tokens.mjs — niet met de hand bewerken (node genereer.mjs). */
:root {
  --bg-base: #fbfaf9;
  --bg-surface: #ffffff;
  --bg-muted: #f4f2f1;
  --primary: #871c1c;
  --text-on-primary: #ffffff;
  --primary-soft: #faefef;
  --primary-soft-text: #771818;
  --secondary: #e19d09;
  --text-on-secondary: #291a0a;
  --text-primary: #181c25;
  --text-muted: #5d636f;
  --border-default: #e3e0dd;
  --border-input: #dad6d2;
  --color-success: #1c7d44;
  --color-danger: #c52020;
  --color-info: #1265a1;
  --type-les: #1265a1;
  --type-quiz: #e19d09;
  --type-opname: #871c1c;
  --overlay: rgba(24, 28, 37, 0.5);
  --primary-soft-hover: #f5e2e2;
  --greep: #d6d2ce;
  --nav-bg: rgba(255, 255, 255, 0.95);
  --primary-hover: #933333;
  --primary-border: rgba(135, 28, 28, 0.3);
  --secondary-hover: #e7b13a;
  --text-on-brand: #ffffff;
  --text-on-brand-muted: rgba(255, 255, 255, 0.7);
  --text-disabled: #9ca3af;
  --color-warning: #b45309;
  --status-positive-bg: #ecfdf5;
  --status-positive-border: #a7f3d0;
  --status-positive-text: #065f46;
  --status-warning-bg: #fffbeb;
  --status-warning-border: #fde68a;
  --status-warning-text: #78350f;
  --status-negative-bg: #fef2f2;
  --status-negative-border: #fecaca;
  --status-negative-text: #991b1b;
  --status-info-bg: #eff6ff;
  --status-info-border: #bfdbfe;
  --status-info-text: #1e40af;
  --groep-1-bg: #eff6ff;
  --groep-1-tekst: #1e40af;
  --groep-2-bg: #fffbeb;
  --groep-2-tekst: #92400e;
  --groep-3-bg: #ecfdf5;
  --groep-3-tekst: #065f46;
  --groep-4-bg: #f5f3ff;
  --groep-4-tekst: #5b21b6;
  --groep-5-bg: #fdf2f8;
  --groep-5-tekst: #9d174d;
  --groep-6-bg: #f0fdfa;
  --groep-6-tekst: #115e59;
  --brand-dark: #240a0a;
  --brand-gradient: radial-gradient(ellipse at top, #721d1d, transparent 60%), linear-gradient(160deg, #450c0c, #240a0a);
  --shadow-menu: 0 12px 32px rgba(24, 28, 37, 0.14), 0 2px 6px rgba(24, 28, 37, 0.06);
  --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d636f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --font-body: 'Outfit', system-ui, sans-serif;
  --font-display: 'Outfit', system-ui, sans-serif;
}