/* Colour tokens
   GENERATED by scripts/gen-design-kit.mjs from apps/calvin/src/app/globals.css.
   Do not edit here — an edit is a value the app does not have, which is the drift
   this file exists to end. Change globals.css and re-run.
   The system is documented in apps/calvin/DESIGN_SYSTEM.md. */

:root {
  --bg: #080808;
  --surface: #111113;
  --surface-2: #18181b;
  --border: #27272a;
  --border-subtle: #1c1c1f;
  --text: #fafafa;
  --text-2: #a1a1aa;
  --text-3: #71717a;
  --text-4: #52525b;
  --text-5: #3f3f46;
  --accent: #6366f1;
  --accent-dim: rgba(99,102,241,0.12);
  --accent-text: #818cf8;
  --accent-strong: #4f46e5;
  --accent-deep: #1e1b4b;
  --green: #22c55e;
  --green-dim: rgba(34,197,94,0.12);
  --yellow: #f59e0b;
  --yellow-dim: rgba(245,158,11,0.12);
  --gold: #eab308;
  --gold-dim: rgba(234,179,8,0.12);
  --orange: #f97316;
  --orange-dim: rgba(249,115,22,0.12);
  --red: #ef4444;
  --red-dim: rgba(239,68,68,0.12);
  --green-deep: #166534;
  --red-deep: #7f1d1d;
  --red-edge: #3f1212;
  --sunken: #0d0d0f;
  --track: #1f1f23;
  --on-accent: #ffffff;
  --surface-grad: linear-gradient(180deg, #141417 0%, #101012 100%);
}