/* System CSS Variables for SUPERCOPA 2K26 */
:root {
  --bg-dark-100: #080c14;
  --bg-dark-200: #0f172a;
  --bg-dark-300: #1e293b;
  
  --accent-neon: #00ff87;
  --accent-neon-glow: rgba(0, 255, 135, 0.35);
  --accent-cyan: #60a5fa;
  --accent-gold: #fbbf24;
  --accent-red: #ef4444;
  
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  
  --glass-bg: rgba(15, 23, 42, 0.7);
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-border-hover: rgba(0, 255, 135, 0.4);
  
  --font-heading: 'Teko', sans-serif;
  --font-body: 'Inter', sans-serif;
  
  --container-max-width: 1200px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  
  --shadow-card: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
  --shadow-neon: 0 0 20px var(--accent-neon-glow);
}