/* Design tokens: colors, radii, spacing, fonts. Source: docs/design/brief.md.
   Change brand values here only; every other file uses these variables.
   Single light theme by brand choice (the brief asks for a light background). */
:root {
  --purple: #6525F5;
  --purple-600: #5419D9;
  --purple-300: #8B5CFF;
  --lilac: #D9C5FF;
  --lilac-50: #F1EAFF;
  --yellow: #FFD43B;
  --mint: #83E3B4;
  --mint-50: #E3F8EE;
  --mint-700: #12804F;
  --bg: #FAF9FF;
  --surface: #FFFFFF;
  --ink: #17152F;
  --ink-2: #5B5878;
  --ink-3: #6C6987;  /* darkest muted grey that still reads as secondary; 4.9:1 on white */
  --line: #ECE8F7;
  --danger: #BF2A4B;  /* 4.9:1 on --danger-50 */
  --danger-50: #FDECF0;
  --stage: #EDE5FF;
  --shadow: 0 6px 20px rgba(60, 30, 140, .08), 0 1px 3px rgba(60, 30, 140, .06);
  --shadow-lg: 0 14px 34px rgba(80, 30, 200, .18);
  --r-sm: 12px; --r: 18px; --r-lg: 24px; --r-pill: 999px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px;
  --font-he: "Heebo", "Plus Jakarta Sans", system-ui, "Segoe UI", Arial, sans-serif;
  --font-en: "Plus Jakarta Sans", "Heebo", system-ui, "Segoe UI", Arial, sans-serif;
  --font-brand: "Plus Jakarta Sans", "Heebo", system-ui, sans-serif;
  --nav-h: 68px;
  color-scheme: light;
}