:root{--color-bg:#17120d;--color-bg-deep:#100c09;--color-surface:#241b15;--color-surface-2:#2d2118;--color-primary:#b88754;--color-primary-hover:#d3a06c;--color-text:#f7f0e6;--color-muted:#c9b7a4;--color-border:#4a3527;--color-live:#ff535b;--container:1240px;--narrow:820px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-sm:0 8px 24px rgba(0,0,0,.2);--shadow-md:0 16px 48px rgba(0,0,0,.34);--shadow-lg:0 28px 80px rgba(0,0,0,.48);--transition:220ms cubic-bezier(.2,.8,.2,1);--header-height:78px;--bg:var(--color-bg);--surface:var(--color-surface);--surface-2:var(--color-surface-2);--primary:var(--color-primary);--primary-light:var(--color-primary-hover);--text:var(--color-text);--muted:var(--color-muted);--border:var(--color-border);--danger:var(--color-live);--radius:var(--radius-lg);--shadow:var(--shadow-md)}