:root{--font-display:"General Sans",system-ui,sans-serif;--font-ui:var(--font-inter,"Inter"),system-ui,sans-serif;--type-display-xl:clamp(3.4rem,6.5vw,6.4rem);--type-display-lg:clamp(2.75rem,5vw,4.8rem);--type-heading-xl:clamp(1.9rem,3.4vw,2.9rem);--type-heading-lg:clamp(1.5rem,2.4vw,2.1rem);--type-heading-md:clamp(1.2rem,1.8vw,1.55rem);--type-body-lg:1.125rem;--type-body-md:1rem;--type-body-sm:.875rem;--type-meta:.8125rem;--type-label:.75rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--color-canvas:#0c0e16;--color-canvas-soft:#10141e;--color-canvas-deep:#08090f;--color-surface-1:#151a23;--color-surface-2:#1a2030;--color-surface-3:#1f2638;--color-surface-float:#0d1018eb;--color-surface-inset:#00000047;--color-text-primary:#f0f3fa;--color-text-secondary:#8e99a8;--color-text-tertiary:#ffffff61;--color-text-disabled:#ffffff3d;--color-text-inverse:#0c0e16;--color-border-subtle:#ffffff0d;--color-border-soft:#ffffff14;--color-border-muted:#ffffff1f;--color-border-strong:#fff3;--color-border-brand:#0fa3b84d;--color-border-attention:#ff533652;--color-brand:#0fa3b8;--color-brand-hover:#16b5cc;--color-brand-active:#0a8fa2;--color-brand-subtle:#0fa3b81f;--color-brand-glow:#0fa3b847;--color-brand-text:#5ad3e6;--gradient-brand:linear-gradient(135deg,#16b5cc,#0a8fa2);--gradient-brand-text:linear-gradient(90deg,#5ad3e6 0%,#0fa3b8 100%);--color-attention:#ff5336;--color-attention-hover:#ff6a45;--color-attention-active:#e8421f;--color-attention-subtle:#ff533624;--color-attention-glow:#ff533647;--gradient-attention:linear-gradient(135deg,#ff6a45,#ff3d1f);--gradient-attention-text:linear-gradient(90deg,#ff8a5b 0%,#ff5a3c 100%);--color-success:#16a34a;--color-success-subtle:#16a34a1f;--color-success-text:#3ddc84;--color-warning:#d97706;--color-warning-subtle:#d977061f;--color-warning-text:#fbbf24;--color-danger:#dc2626;--color-danger-subtle:#dc26261f;--color-danger-text:#f87171;--color-info:#2563eb;--color-info-subtle:#2563eb1f;--color-info-text:#60a5fa;--shadow-subtle:0 1px 3px #0000005c;--shadow-card:0 4px 16px #00000052,0 1px 4px #0003;--shadow-raised:0 8px 28px #0000006b,0 2px 8px #00000042;--shadow-floating:0 16px 48px #0000008f,0 4px 16px #0000005c;--shadow-brand-sm:0 4px 16px #0fa3b833;--shadow-brand-md:0 8px 28px #0fa3b842;--shadow-brand-lg:0 16px 48px #0fa3b857;--shadow-accent-sm:0 4px 16px #ff533638;--shadow-accent-md:0 8px 28px #ff533647;--shadow-accent-lg:0 16px 48px #ff53365c;--color-tier-pro:#a78bfa;--color-tier-semi:#60a5fa;--color-tier-amateur:#34d399;--color-tier-pro-subtle:#a78bfa1f;--color-tier-semi-subtle:#60a5fa1f;--color-tier-amateur-subtle:#34d3991f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-10);--space-2xl:var(--space-16);--space-3xl:var(--space-24);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;--ease-standard:cubic-bezier(.22,1,.36,1);--ease-decelerate:cubic-bezier(0,0,.2,1);--ease-accelerate:cubic-bezier(.4,0,1,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.36,1);--duration-instant:80ms;--duration-fast:.14s;--duration-normal:.22s;--duration-slow:.38s;--duration-slower:.54s;--bg:var(--color-canvas);--bg-soft:var(--color-canvas-soft);--surface:var(--color-surface-1);--card:var(--color-surface-1);--card-2:var(--color-surface-2);--line:var(--color-border-soft);--fg:var(--color-text-primary);--text:var(--color-text-primary);--muted:var(--color-text-secondary);--text-muted:var(--color-text-secondary);--primary:var(--color-brand);--primary-soft:var(--color-brand-subtle);--success:var(--color-success);--color-accent:var(--color-brand);--color-accent-hover:var(--color-brand-hover);--color-accent-active:var(--color-brand-active);--color-accent-subtle:var(--color-brand-subtle);--color-accent-glow:var(--color-brand-glow);--gradient-accent:var(--gradient-brand);--gradient-accent-text:var(--gradient-brand-text);--color-border-accent:var(--color-border-attention)}