/* NEET CBT design tokens (same values as the design system's tokens.json) */
:root {
  --surface-100: #f4f7f3; --surface-200: #ffffff; --surface-300: #e7ede8;
  --ink: #10231e; --ink-muted: #4a5c56; --line: #d2ddd6; --line-strong: #8a9c95;
  --brand: #0f6b5f; --brand-strong: #0a5047; --brand-tint: #d9efe9; --on-brand: #ffffff;
  --accent: #a64b0a; --accent-tint: #fbe9d6;
  --status-answered: #15803d; --status-unanswered: #c2410c; --status-review: #6d28d9; --status-notvisited: #e7ede8; --on-status: #ffffff;
  --danger: #b91c1c; --danger-tint: #fde4e1; --success-tint: #dcf3e3; --focus: #0f6b5f;
  --shadow-card: 0 1px 2px rgba(16,35,30,0.06), 0 4px 16px rgba(16,35,30,0.06);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px;
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-pill: 999px;
  --font-sans: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", Consolas, ui-monospace, monospace;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --surface-100: #0d1512; --surface-200: #14201b; --surface-300: #1c2b25;
  --ink: #e7efea; --ink-muted: #a0b3ab; --line: #2b3c35; --line-strong: #5d7068;
  --brand: #4fbfa8; --brand-strong: #7fd8c4; --brand-tint: #173a33; --on-brand: #05201b;
  --accent: #f0a24a; --accent-tint: #3a2612;
  --status-answered: #3fc472; --status-unanswered: #f2804f; --status-review: #b09afc; --status-notvisited: #24332d; --on-status: #06140f;
  --danger: #f87171; --danger-tint: #3b1716; --success-tint: #123422; --focus: #7fe0cc;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.4), 0 4px 16px rgba(0,0,0,0.3);
  color-scheme: dark;
}