/* GENERATED — do not edit. Source: docs/design/tokens/tokens.json. Regenerated at host startup. */

: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;
  --source-web: #16a34a;
  --source-api: #2563eb;
  --source-mcp: #9333ea;
  --agent-otto: #7BD0E5;
  --agent-stax: #5E81F4;
  --agent-alan: #A78BFA;
  --agent-lyra: #F5A8C4;
  --agent-vetta: #F0B95E;
  --agent-iris: #7DDFA7;
  --agent-sterling: #C9A8F0;
  --agent-linus: #FF8A6B;
  --agent-vera: #5DD8B6;
  --agent-quill: #E5C3A6;
  --agent-hush: #8B9FB8;
  --agent-mercer: #B89968;
  --agent-ada: #6BB5C9;
  --agent-argus: #C44A4A;
  --agent-atlas: #34D399;
  --agent-codd: #F59E0B;
  --agent-halo: #BFD9FF;
  --agent-polo: #14B8A6;
  --agent-merlin: #E879F9;
  --agent-reg: #D4A547;
  --agent-tally: #FFC542;
  --agent-hazard: #FF7A00;
  --agent-marc: #0F766E;
  --agent-trip: #E8836A;
  --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-3: 3px;
  --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: #FAFAF7;
  --bg-elevated: #ffffff;
  --bg-sunken: #F2F0E8;
  --fg: #0F1115;
  --fg-muted: #5F5F5A;
  --fg-subtle: #6b7280;
  --border: #E2E2DA;
  --border-strong: #D2CFC4;
  --accent: #1F8A5B;
  --accent-fg: #117b50;
  --success: #117b50;
  --warning: #B24A1C;
  --danger: #B0232A;
  --info: #1e5fbf;
  --warning-bg: #fef3c7;
  --warning-border: #f59e0b;
  --warning-fg: #854d0e;
  --danger-bg: #fee4e2;
  --danger-border: #B0232A;
  --danger-fg: #B0232A;
  --info-bg: #dbeafe;
  --info-border: #1e5fbf;
  --info-fg: #1e5fbf;
  --success-bg: #c9f1dd;
  --success-border: #117b50;
  --success-fg: #0c5e3d;
  --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-refining-fg: #a21caf;
  --state-refining-bg: #fae8ff;
  --state-delivering-fg: #854d0e;
  --state-delivering-bg: #fef3c7;
  --state-complete-fg: #0c5e3d;
  --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: #0F1014;
  --bg-elevated: #17181D;
  --bg-sunken: #0a0c10;
  --fg: #F3F2EC;
  --fg-muted: #B7B6AF;
  --fg-subtle: #a8aab1;
  --border: #272A30;
  --border-strong: #373A43;
  --accent: #34B27C;
  --accent-fg: #6ad8a3;
  --success: #3ecf8e;
  --warning: #f59e0b;
  --danger: #f87171;
  --info: #60a5fa;
  --warning-bg: #2a210a;
  --warning-border: #f59e0b;
  --warning-fg: #fcd34d;
  --danger-bg: #2a1314;
  --danger-border: #f87171;
  --danger-fg: #fca5a5;
  --info-bg: #14233f;
  --info-border: #60a5fa;
  --info-fg: #93c5fd;
  --success-bg: #0d2a1d;
  --success-border: #3ecf8e;
  --success-fg: #6ee7b7;
  --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-refining-fg: #f0abfc;
  --state-refining-bg: #2a0e2e;
  --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;
  }
}