/* ===== DESIGN TOKENS ===== */
:root{
  --bg-0:#05060a;
  --bg-1:#0a0e17;
  --bg-2:#0f1420;
  --glass-bg: rgba(255,255,255,0.05);
  --glass-border: rgba(255,255,255,0.12);
  --glass-blur: 16px;

  --accent-1:#00e5ff;
  --accent-2:#7c3aed;
  --accent-3:#ff2d95;
  --accent-4:#00ffa3;
  --accent-5:#ffb800;

  --grad-primary: linear-gradient(135deg, var(--accent-1), var(--accent-2));
  --grad-secondary: linear-gradient(135deg, var(--accent-3), var(--accent-2));
  --grad-success: linear-gradient(135deg, var(--accent-4), var(--accent-1));
  --grad-warm: linear-gradient(135deg, var(--accent-5), var(--accent-3));

  --text-0:#f5f7fb;
  --text-1:#c3cbdc;
  --text-2:#8892a6;

  --glow-cyan: 0 0 20px rgba(0,229,255,0.45);
  --glow-purple: 0 0 20px rgba(124,58,237,0.45);
  --glow-pink: 0 0 20px rgba(255,45,149,0.45);
  --glow-green: 0 0 20px rgba(0,255,163,0.45);

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  --ease-smooth: cubic-bezier(0.22,1,0.36,1);
  --ease-bounce: cubic-bezier(0.34,1.56,0.64,1);

  --font-display: 'Segoe UI', 'Poppins', system-ui, sans-serif;
  --font-body: 'Segoe UI', system-ui, sans-serif;

  --header-h: 84px;
  --footer-h: 44px;
  --z-loader: 9999;
  --z-modal: 5000;
  --z-header: 1000;
  --z-particles: 0;
  --z-content: 10;
}