:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}:root{--color-bg-page: #0a0a0f;--color-bg-surface: #13131a;--color-bg-elevated: #1c1c26;--color-bg-overlay: rgba(0, 0, 0, .6);--color-text-primary: #f0f0f5;--color-text-secondary: #9090a8;--color-text-disabled: #4a4a5a;--color-text-inverse: #0a0a0f;--color-border-default: rgba(255, 255, 255, .08);--color-border-subtle: rgba(255, 255, 255, .04);--color-border-strong: rgba(255, 255, 255, .16);--color-primary: #c084fc;--color-primary-hover: #d8b4fe;--color-primary-active: #a855f7;--color-primary-subtle: rgba(192, 132, 252, .12);--color-accent: #f472b6;--color-accent-hover: #f9a8d4;--color-accent-subtle: rgba(244, 114, 182, .12);--color-danger: #f87171;--color-danger-subtle: rgba(248, 113, 113, .12);--color-success: #4ade80;--color-success-subtle: rgba(74, 222, 128, .12)}