:root {
  /* Colors */
  --bg-primary: #020914;
  --bg-secondary: #030b17;
  --bg-card-dark: #041224;
  --bg-card-elevated: #041830;
  --bg-light-1: #f8fafc;
  --bg-light-2: #f6fafd;
  --bg-light-3: #f6f9fc;
  
  --text-white: #ffffff;
  --text-muted: rgba(255, 255, 255, 0.9);
  --text-dim: #cbd5e1;
  --text-slate-400: #94a3b8;
  --text-dark: #08101e;
  --text-dark-muted: #475569;

  --cyan-primary: #00d2ff;
  --cyan-bright: #00e5ff;
  --cyan-accent: #00c8ff;
  --cyan-deep: #00aeff;
  --cyan-glow-start: #1ca6ff;
  --cyan-glow-mid: #00d0ff;
  --cyan-glow-end: #05e6ff;
  
  --border-cyan: rgba(0, 200, 255, 0.35);
  --border-cyan-light: rgba(0, 200, 255, 0.2);
  --border-cyan-strong: rgba(0, 229, 255, 0.6);
  --border-white-subtle: rgba(255, 255, 255, 0.12);
  --border-white-medium: rgba(255, 255, 255, 0.25);

  /* Fonts */
  --font-sans: 'Poppins', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: 'Cormorant Garamond', Georgia, serif;

  /* Shadows */
  --shadow-cyan-glow: 0 4px 28px rgba(0, 208, 255, 0.42), 0 0 12px rgba(0, 229, 255, 0.3);
  --shadow-cyan-hover: 0 6px 34px rgba(0, 215, 255, 0.6), 0 0 16px rgba(0, 229, 255, 0.45);
  --shadow-card-dark: 0 20px 44px rgba(2, 10, 24, 0.35);
  --shadow-modal: 0 25px 60px rgba(0, 0, 0, 0.85);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 350ms ease;
}