:root{--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-base:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--font-family-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--font-size-sm:clamp(0.875rem,0.8rem + 0.375vw,1rem);--font-size-base:clamp(1rem,0.9rem + 0.5vw,1.125rem);--font-size-lg:clamp(1.125rem,1rem + 0.625vw,1.25rem);--font-size-xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--font-size-2xl:clamp(1.5rem,1.3rem + 1vw,2rem);--font-size-3xl:clamp(2rem,1.7rem + 1.5vw,3rem);--font-size-4xl:clamp(2.5rem,2rem + 2.5vw,4rem);--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:0.25rem;--radius-base:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--duration-fast:200ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:800ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--z-background:-1;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal:40;--z-popover:50;--z-tooltip:60}:root,[data-theme="dark"]{--color-primary-50:#ecfeff;--color-primary-100:#cffafe;--color-primary-200:#a5f3fc;--color-primary-300:#67e8f9;--color-primary-400:#22d3ee;--color-primary-500:#06b6d4;--color-primary-600:#0891b2;--color-primary-700:#0e7490;--color-primary-800:#155e75;--color-primary-900:#164e63;--color-primary:var(--color-primary-600);--color-primary-hover:var(--color-primary-500);--color-primary-active:var(--color-primary-700);--color-secondary:var(--color-primary-400);--color-accent:var(--color-primary-300);--color-primary-rgb:8,145,178;--color-secondary-rgb:34,211,238;--color-accent-rgb:103,232,249;--color-background:#0f172a;--color-background-secondary:#1e293b;--color-background-tertiary:#334155;--color-surface:#1e293b;--color-surface-hover:#334155;--color-surface-active:#475569;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-inverse:#0f172a;--color-border:#334155;--color-border-hover:#475569;--color-border-focus:var(--color-primary);--color-success:#10b981;--color-success-bg:rgba(16,185,129,0.1);--color-warning:#f59e0b;--color-warning-bg:rgba(245,158,11,0.1);--color-error:#ef4444;--color-error-bg:rgba(239,68,68,0.1);--color-info:var(--color-primary);--color-info-bg:rgba(6,182,212,0.1)}[data-theme="light"]{--color-primary:var(--color-primary-600);--color-primary-hover:var(--color-primary-700);--color-primary-active:var(--color-primary-800);--color-secondary:var(--color-primary-700);--color-accent:var(--color-primary-800);--color-primary-rgb:8,145,178;--color-secondary-rgb:14,116,144;--color-accent-rgb:21,94,117;--color-background:#ffffff;--color-background-secondary:#f8fafc;--color-background-tertiary:#f1f5f9;--color-surface:#f8fafc;--color-surface-hover:#f1f5f9;--color-surface-active:#e2e8f0;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-inverse:#f8fafc;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-border-focus:var(--color-primary);--color-success:#059669;--color-success-bg:rgba(5,150,105,0.1);--color-warning:#d97706;--color-warning-bg:rgba(217,119,6,0.1);--color-error:#dc2626;--color-error-bg:rgba(220,38,38,0.1);--color-info:var(--color-primary);--color-info-bg:rgba(8,145,178,0.1);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.1);--shadow-base:0 1px 3px 0 rgba(0,0,0,0.15),0 1px 2px 0 rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.15),0 4px 6px -2px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.15),0 10px 10px -5px rgba(0,0,0,0.08)}@media (prefers-color-scheme:light){:root:not([data-theme]){--color-primary:var(--color-primary-600);--color-primary-hover:var(--color-primary-700);--color-primary-active:var(--color-primary-800);--color-secondary:var(--color-primary-700);--color-accent:var(--color-primary-800);--color-primary-rgb:8,145,178;--color-secondary-rgb:14,116,144;--color-accent-rgb:21,94,117;--color-background:#ffffff;--color-background-secondary:#f8fafc;--color-background-tertiary:#f1f5f9;--color-surface:#f8fafc;--color-surface-hover:#f1f5f9;--color-surface-active:#e2e8f0;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-inverse:#f8fafc;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-border-focus:var(--color-primary);--color-success:#059669;--color-success-bg:rgba(5,150,105,0.1);--color-warning:#d97706;--color-warning-bg:rgba(217,119,6,0.1);--color-error:#dc2626;--color-error-bg:rgba(220,38,38,0.1);--color-info:var(--color-primary);--color-info-bg:rgba(8,145,178,0.1);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.1);--shadow-base:0 1px 3px 0 rgba(0,0,0,0.15),0 1px 2px 0 rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.15),0 4px 6px -2px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.15),0 10px 10px -5px rgba(0,0,0,0.08)}}*,*::before,*::after{transition:background-color var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out),color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-in-out)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0.01ms !important}}