/* AUTO-GEGENEREERD uit dna/dna.yaml (design_system). NIET handmatig wijzigen. */
/* Regenereer: aibc-styleguide/scripts/gen-tokens.sh - rol-tokens; global.css leidt de rest af. */
:root{
  --c-primary: #0088FA;
  --c-secondary: #50C055;
  --c-tertiary: #FAD232;
  --c-accent: #F25A5A;
  --c-ai-accent: #00C9D6;
  --bg: #FDFCF8;
  --bg-soft: #FBF9F3;
  --surface: #FFFFFF;
  --ink: #23211B;
  --text: #393731;
  --text-sec: #716F69;
  --muted: #A09E98;
  --border: #EAE4D7;
  --border-2: #CEC9BD;
  --field-bg: #FFFFFF;
  --shadow-color: #231F14;
  --success: #2FA84F;
  --warning: #F2A93B;
  --error: #E0594F;
  --info: #0088FA;
  --font-display: 'Fraunces',Georgia,'Times New Roman',serif;
  --font-sans: 'Lora',-apple-system,system-ui,sans-serif;
  --font-accent: 'Inter',-apple-system,sans-serif;
  --font-mono: 'JetBrains Mono',ui-monospace,monospace;
  --h-scale: 1.2;
  --text-scale: 1.05;
  --accent-scale: 1.2;
  --section-pad: 40px;
  --card-pad: 20px;
  --gap-col: 20px;
  --gap-row: 20px;
  --page-pad: 24px;
  --r-sm: 5px;
  --r: 5px;
  --r-lg: 5px;
  --r-pill: 999px;
  --btn-radius: 5px;
  --border-card: 1px;
  --border-btn: 1px;
  --border-field: 1px;
  --tone: 30;
  --tone-light: 90;
  --tone-alpha: 14;
  --elev: 1;
  --hover-ms: 0.45s;
  --card-alpha: 100;
  --bar-4: linear-gradient(90deg,var(--c-primary) 0.00% 20.00%,var(--c-secondary) 20.00% 40.00%,var(--c-tertiary) 40.00% 60.00%,var(--c-accent) 60.00% 80.00%,var(--c-ai-accent) 80.00% 100.00%);
}