:root {
  /* Legacy aliases (used by index.html inline styles) */
  --accent: #00f0ff;
  --accent-2: #0080ff;
  --accent-3: #a855f7;
  --success: #00ff88;
  --danger: #ff3366;
  --warn: #ffaa00;
  --ink: #f8fafc;
  --muted: #94a3b8;
  --muted-2: #64748b;
  --bg: #000000;
  --surface: rgba(255, 255, 255, 0.03);
  --surface-2: rgba(255, 255, 255, 0.05);
  --border: rgba(255, 255, 255, 0.05);
  --border-2: rgba(255, 255, 255, 0.1);
  --accent-dim: rgba(30, 41, 59, 0.4);

  /* u2 namespaced canonical */
  --u2-cyan: #00f0ff;
  --u2-green: #00ff88;
  --u2-red: #ff3366;
  --u2-yellow: #ffaa00;
  --u2-blue: #0080ff;
  --u2-indigo: #6366f1;
  --u2-purple: #a855f7;
  --u2-surface-base: #000000;
  --u2-surface-raised: rgba(15, 23, 42, 0.6);
  --u2-surface-overlay: rgba(30, 41, 59, 0.4);
  --u2-surface-hover: rgba(30, 41, 59, 0.6);
  --u2-nav-bg: rgba(15, 23, 42, 0.5);
  --u2-card-bg: rgba(255, 255, 255, 0.03);
  --u2-card-bg-hover: rgba(255, 255, 255, 0.05);
  --u2-card-border: rgba(255, 255, 255, 0.06);
  --u2-card-border-hover: rgba(255, 255, 255, 0.12);
  --u2-border-subtle: rgba(255, 255, 255, 0.05);
  --u2-border-default: rgba(255, 255, 255, 0.1);
  --u2-border-hover: rgba(255, 255, 255, 0.2);
  --u2-text-primary: #f8fafc;
  --u2-text-secondary: #94a3b8;
  --u2-text-muted: #64748b;
  --u2-bullish: #00ff88;
  --u2-bearish: #ff3366;
  --u2-neutral: #64748b;
  --u2-landing-glow: rgba(0, 240, 255, 0.15);
  --u2-landing-accent: #00f0ff;
  --u2-education-surface: #1a1a2e;
  --u2-education-accent: #7c3aed;
  --u2-education-warm: #f59e0b;
  --u2-education-success: #22c55e;
  --u2-education-fun: #ec4899;
  --u2-trading-surface: #0a0a0f;
  --u2-trading-grid: rgba(255, 255, 255, 0.02);
  --u2-trading-bullish: #00ff88;
  --u2-trading-bearish: #ff3366;
  --u2-trading-neutral: #64748b;
  --grad: linear-gradient(135deg, var(--u2-cyan), var(--u2-blue));
  --grad-cta: linear-gradient(90deg, var(--u2-cyan), var(--u2-blue));
  --grad-text: linear-gradient(90deg, var(--u2-cyan), var(--u2-blue) 50%, var(--u2-purple));

  /* Spacing */
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 16px;
  --sp-lg: 24px;
  --sp-xl: 32px;
  --sp-section: 80px;
  --sp-hero: 96px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* Font families */
  --font-font-family-sans: var(--font-inter), Inter, system-ui, sans-serif;
  --font-font-family-mono: var(--font-jetbrains), ;
  --font-font-family-display: var(--font-outfit), ;
  --font-font-size-xs: 0.75rem;
  --font-font-size-sm: 0.875rem;
  --font-font-size-base: 1rem;
  --font-font-size-lg: 1.125rem;
  --font-font-size-xl: 1.25rem;
}