@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Syne:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');
:root{--bg-void:#06070D;--bg-deep:#09091A;--bg-surface:#0D0F1E;--bg-elevated:#111326;--border:#1C1F35;--border-bright:#2A2E50;--cyan:#00E5CC;--cyan-dim:rgba(0,229,204,.12);--cyan-glow:0 0 20px rgba(0,229,204,.4);--amber:#FFB800;--amber-dim:rgba(255,184,0,.12);--amber-glow:0 0 20px rgba(255,184,0,.4);--red:#FF3B5C;--red-dim:rgba(255,59,92,.12);--violet:#7C3AED;--violet-dim:rgba(124,58,237,.12);--green:#00D97E;--green-dim:rgba(0,217,126,.12);--text-primary:#E8EBF8;--text-secondary:#8B90B4;--text-muted:#4A4E6A;--text-bright:#FFFFFF;--font-display:'Bebas Neue',Impact,sans-serif;--font-body:'Syne',sans-serif;--font-mono:'JetBrains Mono',monospace;--text-xs:.7rem;--text-sm:.85rem;--text-base:1rem;--text-lg:1.15rem;--text-xl:1.35rem;--text-2xl:1.6rem;--text-3xl:2.2rem;--text-4xl:3rem;--text-5xl:4.5rem;--text-6xl:6rem;--text-hero:clamp(4rem,10vw,9rem);--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-6:1.5rem;--sp-8:2rem;--sp-12:3rem;--sp-16:4rem;--sp-24:6rem;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:24px;--t-fast:150ms ease;--t-base:250ms ease;--t-slow:400ms ease;--t-spring:400ms cubic-bezier(.34,1.56,.64,1);--shadow-modal:0 16px 64px rgba(0,0,0,.8)}

/* ALIASES — bridge between HTML and CSS naming */
:root {
  --void: #06070D;
  --void-2: #09091A;
  --void-3: #0D0F1E;
  --surface: #111326;
  --surface-2: #161929;
  --surface-3: #1C1F35;
  --radius-sm: var(--r-sm);
  --radius-md: var(--r-md);
  --radius-lg: var(--r-lg);
  --radius-xl: var(--r-xl);
  --radius-2xl: var(--r-2xl);
  --radius-full: 9999px;
  --glow-cyan: var(--cyan-glow);
  --glow-amber: var(--amber-glow);
}