/* GENERATED — do not edit. Source: docs/design/tokens/tokens.json. 
   Regenerated by tools/emit_tokens.py — keep in sync with TokenCssEmitter.cs. */

:root {
  --accent-50: #e6f9f0;
  --accent-100: #c9f1dd;
  --accent-200: #9ce6c1;
  --accent-300: #6ad8a3;
  --accent-400: #3ecf8e;
  --accent-500: #21b878;
  --accent-600: #169a63;
  --accent-700: #117b50;
  --accent-800: #0c5e3d;
  --accent-900: #08402a;
  --type-web-app: #2563eb;
  --type-mobile-app: #ea580c;
  --type-mobile-game: #db2777;
  --type-desktop-app: #0891b2;
  --type-browser-extension: #7c3aed;
  --type-ai-agent: #16a34a;
  --type-ai-tool: #0d9488;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgba(15,23,42,0.04), 0 1px 1px rgba(15,23,42,0.03);
  --shadow-2: 0 2px 6px rgba(15,23,42,0.06), 0 1px 2px rgba(15,23,42,0.04);
  --shadow-3: 0 8px 20px rgba(15,23,42,0.08), 0 2px 6px rgba(15,23,42,0.04);
  --shadow-pop: 0 12px 32px rgba(15,23,42,0.18);
  --text-12: 12px;
  --text-13: 13px;
  --text-14: 14px;
  --text-16: 16px;
  --text-20: 20px;
  --text-24: 24px;
  --text-32: 32px;
  --text-40: 40px;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --leading-tight: 1.2;
  --leading-snug: 1.35;
  --leading-normal: 1.5;
  --track-tight: -0.01em;
  --track-normal: 0;
  --track-wide: 0.04em;
  --font-mono: "Cascadia Code", "Cascadia Mono", ui-monospace, "SF Mono", Consolas, monospace;
  --motion-duration-fast: 120ms;
  --motion-duration-base: 180ms;
  --motion-duration-slow: 280ms;
  --motion-easing-out: cubic-bezier(0.33, 1, 0.68, 1);
  --motion-easing-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --motion-easing-emphatic: cubic-bezier(0.2, 0.9, 0.1, 1.05);
}

:root[data-theme="light"] {
  --bg: #fafafa;
  --bg-elevated: #ffffff;
  --bg-sunken: #f3f4f6;
  --fg: #1b1b1f;
  --fg-muted: #5b5d63;
  --fg-subtle: #8b8d94;
  --border: #e5e7eb;
  --border-strong: #cfd2d7;
  --accent-fg: #117b50;
  --success: #117b50;
  --warning: #b45309;
  --danger: #b42318;
  --info: #1e5fbf;
  --font-sans: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --state-queued-fg: #4b5563;
  --state-queued-bg: #e5e7eb;
  --state-drafting-fg: #1e5fbf;
  --state-drafting-bg: #dbeafe;
  --state-reviewing-fg: #6d28d9;
  --state-reviewing-bg: #ede9fe;
  --state-fresheyes-fg: #0e7490;
  --state-fresheyes-bg: #cffafe;
  --state-assembling-fg: #9a3412;
  --state-assembling-bg: #fed7aa;
  --state-delivering-fg: #854d0e;
  --state-delivering-bg: #fef3c7;
  --state-complete-fg: #117b50;
  --state-complete-bg: #c9f1dd;
  --state-failed-fg: #b42318;
  --state-failed-bg: #fee4e2;
  --state-paused-fg: #475569;
  --state-paused-bg: #e2e8f0;
}

:root[data-theme="dark"] {
  --bg: #0f1115;
  --bg-elevated: #161a21;
  --bg-sunken: #0a0c10;
  --fg: #e7e9ee;
  --fg-muted: #a3a8b2;
  --fg-subtle: #6b7280;
  --border: #232934;
  --border-strong: #323a48;
  --accent-fg: #6ad8a3;
  --success: #3ecf8e;
  --warning: #f59e0b;
  --danger: #f87171;
  --info: #60a5fa;
  --font-sans: "Inter", "Inter Variable", system-ui, -apple-system, sans-serif;
  --state-queued-fg: #cbd5e1;
  --state-queued-bg: #1e2330;
  --state-drafting-fg: #93c5fd;
  --state-drafting-bg: #14233f;
  --state-reviewing-fg: #c4b5fd;
  --state-reviewing-bg: #251b3e;
  --state-fresheyes-fg: #67e8f9;
  --state-fresheyes-bg: #0f2a31;
  --state-assembling-fg: #fdba74;
  --state-assembling-bg: #2a1a0d;
  --state-delivering-fg: #fcd34d;
  --state-delivering-bg: #2a210a;
  --state-complete-fg: #6ee7b7;
  --state-complete-bg: #0d2a1d;
  --state-failed-fg: #fca5a5;
  --state-failed-bg: #2a1314;
  --state-paused-fg: #94a3b8;
  --state-paused-bg: #1a1f2a;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-duration-fast: 0ms;
    --motion-duration-base: 0ms;
    --motion-duration-slow: 0ms;
  }
}