:root{--surface-base:#fff;--surface-raised:#f8fafc;--surface-overlay:#fff;--surface-inverse:#0f172a;--surface-muted:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--text-link:#2563eb;--brand-50:#eff6ff;--brand-100:#dbeafe;--brand-200:#bfdbfe;--brand-300:#93c5fd;--brand-400:#60a5fa;--brand-500:#3b82f6;--brand-600:#2563eb;--brand-700:#1d4ed8;--brand-800:#1e40af;--brand-900:#1e3a8a;--success-bg:#dcfce7;--success-fg:#166534;--success-solid:#16a34a;--danger-bg:#fee2e2;--danger-fg:#991b1b;--danger-solid:#dc2626;--warning-bg:#fef3c7;--warning-fg:#92400e;--warning-solid:#d97706;--info-bg:#dbeafe;--info-fg:#1e40af;--info-solid:#2563eb;--border-default:#e2e8f0;--border-strong:#cbd5e1;--border-focus:var(--brand-500);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 2px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 8px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 12px 24px rgba(0,0,0,.08),0 4px 8px rgba(0,0,0,.04);--shadow-xl:0 24px 48px rgba(0,0,0,.12),0 8px 16px rgba(0,0,0,.06);--gutter-page:16px;--gutter-card:16px;--gap-tight:4px;--gap-default:8px;--gap-loose:16px;--gap-section:24px;--font-display:clamp(28px,4vw,36px);--font-h1:clamp(22px,3vw,28px);--font-h2:clamp(18px,2.5vw,22px);--font-h3:16px;--font-body:14px;--font-small:12px;--font-micro:11px;--leading-tight:1.2;--leading-body:1.5;--leading-loose:1.7;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.04em;--duration-fast:120ms;--duration-normal:200ms;--duration-slow:320ms;--easing-standard:cubic-bezier(0.4,0,0.2,1);--easing-emphasized:cubic-bezier(0.2,0,0,1);--easing-decelerate:cubic-bezier(0,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-toast:1070}.dark,[data-theme=dark]{--surface-base:#0b1220;--surface-raised:#111827;--surface-overlay:#1f2937;--surface-inverse:#f1f5f9;--surface-muted:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-inverse:#0f172a;--text-link:#60a5fa;--success-bg:rgba(22,163,74,.15);--success-fg:#86efac;--danger-bg:rgba(220,38,38,.15);--danger-fg:#fca5a5;--warning-bg:rgba(217,119,6,.15);--warning-fg:#fcd34d;--info-bg:rgba(37,99,235,.15);--info-fg:#93c5fd;--border-default:#1f2937;--border-strong:#334155;--shadow-xs:0 1px 2px rgba(0,0,0,.25);--shadow-sm:0 1px 2px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.2);--shadow-md:0 4px 8px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2);--shadow-lg:0 12px 24px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.2);--shadow-xl:0 24px 48px rgba(0,0,0,.5),0 8px 16px rgba(0,0,0,.3)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}