/* Generated from src/design-tokens.mjs - edit there. */
:root {
  --indigo-950: #1E1B4B;
  --violet-50: #F5F3FF;
  --violet-100: #EDE9FE;
  --violet-200: #DDD6FE;
  --violet-300: #C4B5FD;
  --violet-400: #A78BFA;
  --violet-500: #8B5CF6;
  --violet-600: #6D28D9;
  --violet-700: #5B21B6;
  --violet-800: #4C1D95;
  --violet-900: #2E1065;
  --amber-50: #FFFBEB;
  --amber-100: #FEF3C7;
  --amber-300: #FCD34D;
  --amber-500: #F59E0B;
  --amber-700: #B45309;
  --amber-800: #92400E;
  --slate-50: #F8FAFC;
  --slate-100: #F1F5F9;
  --slate-200: #E2E8F0;
  --slate-300: #CBD5E1;
  --slate-400: #94A3B8;
  --slate-500: #64748B;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1E293B;
  --slate-900: #0F172A;
  --slate-950: #020617;
  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-30: 1.875rem;
  --fs-36: 2.25rem;
  --fs-48: 3rem;
  --fs-60: 3.75rem;
  --sp-0: 0px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  --r-input: 6px;
  --r-card: 10px;
  --r-panel: 16px;
  --r-full: 9999px;
  --font-sans: "InterVariable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --dur-fast: 150ms;
  --dur: 200ms;
  --bg: #FAFAF9;
  --surface: #FFFFFF;
  --surface-2: #F8FAFC;
  --surface-3: #F1F5F9;
  --overlay: #0F172A;
  --border: #E2E8F0;
  --border-strong: #64748B;
  --fg: #1E1B4B;
  --fg-muted: #475569;
  --fg-subtle: #64748B;
  --primary: #6D28D9;
  --primary-hover: #5B21B6;
  --primary-fg: #FFFFFF;
  --primary-soft: #F5F3FF;
  --primary-soft-fg: #5B21B6;
  --link: #5B21B6;
  --accent: #F59E0B;
  --accent-fg: #1E1B4B;
  --accent-soft: #FEF3C7;
  --success: #047857;
  --success-bg: #ECFDF5;
  --warning: #92400E;
  --warning-bg: #FFFBEB;
  --danger: #B91C1C;
  --danger-bg: #FEF2F2;
  --danger-hover: #991B1B;
  --info: #1D4ED8;
  --info-bg: #EFF6FF;
  --focus: #6D28D9;
  --sidebar: #FFFFFF;
  --sidebar-admin: #1E1B4B;
  --sidebar-admin-fg: #E0E7FF;
  --sidebar-admin-muted: #A5B4FC;
  --sidebar-admin-active: #3730A3;
  --sidebar-admin-border: #312E81;
  --shadow-1: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 16px rgba(15, 23, 42, .06);
  --shadow-2: 0 2px 4px rgba(15, 23, 42, .08), 0 12px 32px rgba(15, 23, 42, .12);
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --bg: #0B0A19;
  --surface: #141327;
  --surface-2: #1A1932;
  --surface-3: #23223F;
  --overlay: #000000;
  --border: #1E293B;
  --border-strong: #64748B;
  --fg: #F1F5F9;
  --fg-muted: #CBD5E1;
  --fg-subtle: #94A3B8;
  --primary: #7C3AED;
  --primary-hover: #6D28D9;
  --primary-fg: #FFFFFF;
  --primary-soft: #2E1065;
  --primary-soft-fg: #DDD6FE;
  --link: #C4B5FD;
  --accent: #F59E0B;
  --accent-fg: #1E1B4B;
  --accent-soft: #3A2A0A;
  --success: #34D399;
  --success-bg: #062A20;
  --warning: #FCD34D;
  --warning-bg: #2E2208;
  --danger: #F87171;
  --danger-bg: #330F14;
  --danger-hover: #FCA5A5;
  --info: #93C5FD;
  --info-bg: #0C1E3E;
  --focus: #A78BFA;
  --sidebar: #100F22;
  --sidebar-admin: #07061A;
  --sidebar-admin-fg: #E0E7FF;
  --sidebar-admin-muted: #A5B4FC;
  --sidebar-admin-active: #312E81;
  --sidebar-admin-border: #1E1B4B;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .35);
  --shadow-2: 0 2px 4px rgba(0, 0, 0, .5), 0 12px 32px rgba(0, 0, 0, .5);
}
}
:root[data-theme="dark"] {
  --bg: #0B0A19;
  --surface: #141327;
  --surface-2: #1A1932;
  --surface-3: #23223F;
  --overlay: #000000;
  --border: #1E293B;
  --border-strong: #64748B;
  --fg: #F1F5F9;
  --fg-muted: #CBD5E1;
  --fg-subtle: #94A3B8;
  --primary: #7C3AED;
  --primary-hover: #6D28D9;
  --primary-fg: #FFFFFF;
  --primary-soft: #2E1065;
  --primary-soft-fg: #DDD6FE;
  --link: #C4B5FD;
  --accent: #F59E0B;
  --accent-fg: #1E1B4B;
  --accent-soft: #3A2A0A;
  --success: #34D399;
  --success-bg: #062A20;
  --warning: #FCD34D;
  --warning-bg: #2E2208;
  --danger: #F87171;
  --danger-bg: #330F14;
  --danger-hover: #FCA5A5;
  --info: #93C5FD;
  --info-bg: #0C1E3E;
  --focus: #A78BFA;
  --sidebar: #100F22;
  --sidebar-admin: #07061A;
  --sidebar-admin-fg: #E0E7FF;
  --sidebar-admin-muted: #A5B4FC;
  --sidebar-admin-active: #312E81;
  --sidebar-admin-border: #1E1B4B;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .35);
  --shadow-2: 0 2px 4px rgba(0, 0, 0, .5), 0 12px 32px rgba(0, 0, 0, .5);
}
@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur: 0ms; }
}