:root{--bg-base:240 10% 2%;--bg-surface:240 6% 8%;--bg-surface-elevated:240 8% 12%;--bg-overlay:0 0% 0%/0.6;--bg-input:240 6% 10%;--bg-hover:240 6% 14%;--fg-default:0 0% 100%;--fg-muted:217 30% 75%;--fg-subtle:217 20% 55%;--fg-inverse:222 47% 11%;--border-default:0 0% 100%/0.10;--border-strong:0 0% 100%/0.20;--border-focus:217 91% 60%;--accent:217 91% 60%;--accent-fg:0 0% 100%;--accent-soft:217 91% 60%/0.15;--accent-strong:217 91% 50%;--success:142 71% 45%;--success-fg:0 0% 100%;--success-soft:142 71% 45%/0.15;--warning:38 92% 50%;--warning-fg:0 0% 100%;--warning-soft:38 92% 50%/0.15;--danger:0 84% 60%;--danger-fg:0 0% 100%;--danger-soft:0 84% 60%/0.15;--info:199 89% 48%;--info-fg:0 0% 100%;--info-soft:199 89% 48%/0.15;--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-1:0 1px 2px 0 rgb(0 0 0/0.3);--shadow-2:0 2px 6px -1px rgb(0 0 0/0.35),0 1px 3px -1px rgb(0 0 0/0.2);--shadow-3:0 6px 12px -2px rgb(0 0 0/0.4),0 3px 7px -3px rgb(0 0 0/0.25);--shadow-4:0 12px 24px -4px rgb(0 0 0/0.45),0 6px 12px -6px rgb(0 0 0/0.3);--shadow-5:0 24px 48px -8px rgb(0 0 0/0.55),0 12px 24px -12px rgb(0 0 0/0.35);--duration-instant:80ms;--duration-fast:160ms;--duration-normal:240ms;--duration-slow:400ms;--ease-standard:cubic-bezier(0.4,0,0.2,1);--ease-emphasized:cubic-bezier(0.2,0,0,1);--ease-overshoot:cubic-bezier(0.34,1.56,0.64,1);--ease-spring-out:cubic-bezier(0.18,0.89,0.32,1.28);--z-floating:55;--z-header:50;--z-sidebar-overlay:60;--z-sidebar:70;--z-modal:90;--z-toast:100;--z-skiplink:110}body.theme-light{--bg-base:214 32% 91%;--bg-surface:0 0% 100%;--bg-surface-elevated:0 0% 98%;--bg-overlay:0 0% 0%/0.4;--bg-input:0 0% 100%;--bg-hover:214 20% 95%;--fg-default:222 47% 11%;--fg-muted:215 25% 35%;--fg-subtle:215 16% 47%;--fg-inverse:0 0% 100%;--border-default:215 20% 65%/0.30;--border-strong:215 20% 50%/0.45;--border-focus:217 91% 50%;--accent:217 91% 50%;--accent-soft:217 91% 50%/0.12;--accent-strong:217 91% 42%;--shadow-1:0 1px 2px 0 rgb(15 23 42/0.06);--shadow-2:0 2px 6px -1px rgb(15 23 42/0.08),0 1px 3px -1px rgb(15 23 42/0.05);--shadow-3:0 6px 12px -2px rgb(15 23 42/0.10),0 3px 7px -3px rgb(15 23 42/0.06);--shadow-4:0 12px 24px -4px rgb(15 23 42/0.12),0 6px 12px -6px rgb(15 23 42/0.08);--shadow-5:0 24px 48px -8px rgb(15 23 42/0.15),0 12px 24px -12px rgb(15 23 42/0.10)}::-moz-selection{background-color:hsl(var(--accent)/.25);color:hsl(var(--fg-default))}::selection{background-color:hsl(var(--accent)/.25);color:hsl(var(--fg-default))}