:root {
  /* Colors */
  --bg-dark: #090d16;
  --card-bg: rgba(255, 255, 255, 0.04);
  --border-glass: rgba(255, 255, 255, 0.1);
  --accent-cyan: #06b6d4;
  --accent-blue: #3b82f6;
  --accent-purple: #8b5cf6;
  --accent-red: #ef4444;
  --accent-green: #10b981;
  --text-light: #f8fafc;
  --text-muted: #94a3b8;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));
  --gradient-accent: linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));
  --gradient-text: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));

  /* Typography */
  --font-main: 'Plus Jakarta Sans', sans-serif;

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-3xl: 30px;
  --radius-pill: 50px;

  /* Shadows */
  --shadow-btn: 0 4px 14px rgba(59, 130, 246, 0.4);
  --shadow-card: 0 30px 60px rgba(0, 0, 0, 0.6);
  --shadow-modal: 0 20px 50px rgba(0, 0, 0, 0.8);

  /* Z-index */
  --z-header: 100;
  --z-modal: 1000;
}