:root{--color-bg-dark:#050816;--color-bg-dark-elevated:#0a0f1f;--color-bg-light:#f8fafc;--color-bg-light-alt:#f0f3f6;--color-bg-warm:#f4eee8;--color-bg-tint:#e8eff5;--color-brand:#2563eb;--color-brand-hover:#1d4ed8;--color-brand-light:#3b82f6;--color-accent:#3b82f6;--color-accent-soft:#60a5fa;--color-success:#16a34a;--color-warning:#f59e0b;--color-error:#dc2626;--color-text-primary:#fff;--color-text-secondary:#cbd5e1;--color-text-muted:#64748b;--color-text-dark:#0f172a;--color-border-dark:hsla(0,0%,100%,.1);--color-border-light:rgba(15,23,42,.1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-card:24px;--radius-card-lg:32px;--radius-button:9999px;--radius-pill:9999px;--space-section:96px;--space-section-sm:64px;--space-section-lg:128px;--container-max:1280px;--container-narrow:768px;--container-wide:1400px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--shadow-card:0 4px 24px rgba(0,0,0,.08);--shadow-card-dark:0 8px 32px rgba(0,0,0,.3);--shadow-glow:0 0 40px rgba(37,99,235,.15)}