/* CSS Variables - Futuristic Theme */
:root {
  /* Primary Colors */
  --primary: #00ff88;
  --primary-hover: #00cc6a;
  --secondary: #7c3aed;
  --accent: #06b6d4;

  /* Background Gradients */
  --bg-gradient-start: #0a0118;
  --bg-gradient-end: #1a0f2e;
  --card-bg: rgba(255, 255, 255, 0.03);

  /* Text Colors */
  --text-muted: #94a3b8;

  /* Border & Effects */
  --border-color: rgba(0, 255, 136, 0.2);
  --glow: 0 0 30px rgba(0, 255, 136, 0.3);

  /* Status Colors */
  --error: #ef4444;
  --success: #10b981;
  --warning: #f59e0b;
}