/* Generated from web/app/globals.css by hooks/design_tokens.py. Do not edit. */
:root {
  --canvas: #F6F7F9;
  --surface: #FFFFFF;
  --surface-2: #FBFCFD;
  --surface-sunk: #F1F3F6;
  --border: #E6E8EC;
  --border-subtle: #EEF0F3;
  --border-strong: #D6DAE0;
  --ink: #0F1419;
  --ink-2: #5B6370;
  --ink-3: #8A909C;
  --ink-4: #AEB3BD;
  --accent: #2B313B;
  --accent-hover: #1A1F27;
  --accent-soft: #EDEFF2;
  --accent-ink: #FFFFFF;
  --accent-ring: rgba(43, 49, 59, 0.28);
  --swatch-indigo: #5B5BD6;
  --swatch-teal: #0EA5A5;
  --swatch-mono: #2B313B;
  --agent-claude: oklch(0.67 0.129 39);
  --agent-claude-soft: oklch(0.95 0.035 39);
  --agent-codex: oklch(0.76 0.153 232);
  --agent-codex-soft: oklch(0.95 0.040 232);
  --agent-compat: oklch(0.62 0.115 182);
  --agent-compat-soft: oklch(0.95 0.035 182);
  --agent-gjc: oklch(0.60 0.140 130);
  --agent-gjc-soft: oklch(0.95 0.035 130);
  --agent-omo: oklch(0.58 0.160 300);
  --agent-omo-soft: oklch(0.95 0.035 300);
  --agent-weekly: oklch(0.64 0.120 85);
  --agent-weekly-soft: oklch(0.95 0.035 85);
  --model-fable: oklch(0.57 0.145 39);
  --model-fable-soft: oklch(0.95 0.035 39);
  --model-astra: oklch(0.46 0.130 232);
  --model-astra-soft: oklch(0.95 0.040 232);
  --cat-1: oklch(0.58 0.16 265);
  --cat-2: oklch(0.64 0.12 195);
  --cat-3: oklch(0.74 0.14 72);
  --cat-4: oklch(0.62 0.18 18);
  --cat-5: oklch(0.66 0.14 150);
  --cat-6: oklch(0.58 0.16 312);
  --cat-7: oklch(0.70 0.10 232);
  --cat-8: oklch(0.76 0.13 112);
  --success: oklch(0.62 0.13 152);
  --success-soft: oklch(0.95 0.04 152);
  --success-strong: oklch(0.46 0.11 152);
  --danger: oklch(0.585 0.19 25);
  --danger-soft: oklch(0.95 0.045 25);
  --danger-strong: oklch(0.48 0.17 25);
  --warning: oklch(0.74 0.14 75);
  --warning-soft: oklch(0.95 0.05 75);
  --warning-strong: oklch(0.52 0.10 75);
  --radius: 0.625rem;
  --r-xs: 5px;
  --r-sm: 7px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-pill: 999px;
  --sh-xs: 0 1px 2px rgba(16, 20, 25, 0.04);
  --sh-sm: 0 1px 2px rgba(16, 20, 25, 0.05), 0 1px 3px rgba(16, 20, 25, 0.04);
  --sh-md: 0 2px 4px rgba(16, 20, 25, 0.05), 0 6px 16px rgba(16, 20, 25, 0.07);
  --sh-pop: 0 8px 28px rgba(16, 20, 25, 0.14), 0 2px 6px rgba(16, 20, 25, 0.08);
  --pad-card: 20px;
  --sidebar-w: 220px;
  --background: var(--canvas);
  --foreground: var(--ink);
  --card: var(--surface);
  --card-foreground: var(--ink);
  --popover: var(--surface);
  --popover-foreground: var(--ink);
  --primary: var(--accent);
  --primary-foreground: var(--accent-ink);
  --secondary: var(--surface-sunk);
  --secondary-foreground: var(--ink);
  --muted: var(--surface-sunk);
  --muted-foreground: var(--ink-3);
  --destructive: var(--danger);
  --input: var(--border);
  --ring: var(--accent);
}