/* Racing Hub - Variables & Design Tokens (RC Strasbourg Alsace Theme) */
:root {
  /* Brand Colors */
  --color-primary: #004b93;
  --color-primary-light: #0066cc;
  --color-primary-dark: #002d5a;
  --color-secondary: #002b5c;
  --color-accent-gold: #ffd700;
  --color-accent-amber: #f5a623;
  --color-cyan: #00d2ff;
  --color-white: #ffffff;
  
  /* Dark Mode & Backgrounds */
  --bg-dark: #050811;
  --bg-dark-card: #0d1526;
  --bg-dark-elevated: #152238;
  --bg-dark-hover: #1c2c48;
  
  /* Enhanced Text Colors for High Contrast Readability */
  --text-main: #f8fafc;
  --text-muted: #cbd5e1; /* Increased contrast from #94a3b8 */
  --text-dim: #94a3b8;
  --text-dark: #070b14;
  --text-gold: #ffe066;

  /* Glassmorphism */
  --glass-bg: rgba(13, 21, 38, 0.85); /* Slightly darker for better readability */
  --glass-border: rgba(255, 255, 255, 0.16);
  --glass-glow: rgba(0, 75, 147, 0.4);
  --glass-backdrop: blur(16px);

  /* Status & Accents */
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --color-info: #3b82f6;

  /* Card Rarity Colors */
  --rarity-common: #cbd5e1;
  --rarity-rare: #3b82f6;
  --rarity-epic: #a855f7;
  --rarity-legendary: #eab308;

  /* Typography with Fluid Sizing */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Spacing */
  --spacing-xs: clamp(0.2rem, 0.5vw, 0.35rem);
  --spacing-sm: clamp(0.4rem, 1vw, 0.6rem);
  --spacing-md: clamp(0.75rem, 1.5vw, 1.25rem);
  --spacing-lg: clamp(1.25rem, 2.5vw, 2rem);
  --spacing-xl: clamp(1.75rem, 3.5vw, 3rem);

  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* Shadows & Text Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 16px 40px rgba(0, 75, 147, 0.35);
  --shadow-gold: 0 0 20px rgba(255, 215, 0, 0.4);
  --text-shadow-hero: 0 2px 6px rgba(0, 0, 0, 0.9);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}