:root {
   /* =========================================================================
       BRAND IDENTITY
       ========================================================================= */
   --primary-brand: #34C759;
   /* Apple Green */
   --primary-brand-rgb: 52, 199, 89;
   --primary-glow: rgba(52, 199, 89, 0.4);

   /* =========================================================================
       SPORT THEMING — Quick Record Wizard
       Overridden dynamically by JS when the user selects a sport.
       ========================================================================= */
   --sport-accent: var(--primary-brand);
   --sport-accent-rgb: var(--primary-brand-rgb);
   --sport-glow: rgba(52, 199, 89, 0.35);
   --sport-gradient: linear-gradient(135deg, #0a2a14 0%, #1a5c2a 100%);
   --sport-header-border: rgba(52, 199, 89, 0.25);
   --sport-icon: '⚡';


   /* --- Legacy Mappings (Safe Transition) --- */
   --primary-color: var(--primary-brand);
   --primary-color-rgb: var(--primary-brand-rgb);
   --apple-green: var(--primary-brand);
   --success-color: var(--primary-brand);

   /* Bootstrap Overrides */
   --bs-primary: var(--primary-brand);
   --bs-primary-rgb: var(--primary-brand-rgb);
   --bs-link-color: var(--primary-brand);
   --bs-link-hover-color: #2daf4e;
   --bs-link-color-rgb: var(--primary-brand-rgb);
   --bs-btn-bg: var(--primary-brand);
   --bs-btn-border-color: var(--primary-brand);
   --bs-btn-hover-bg: #2daf4e;
   --bs-btn-hover-border-color: #2daf4e;

   /* =========================================================================
       SURFACES (Depth System)
       ========================================================================= */
   --surface-1: #121212;
   /* Deep Background */
   --surface-2: #1E1E1E;
   /* Cards Base */
   --surface-3: #2C2C2C;
   /* Elevated / Hover */
   --surface-glass: rgba(30, 30, 30, 0.7);
   /* Glassmorphism Base */

   /* --- Legacy Mappings --- */
   --bg-primary: #000000;
   --bg-secondary: var(--surface-2);
   --bg-tertiary: var(--surface-3);
   --surface-color: var(--surface-2);
   --background-color: #000000;
   --background-color-app: #000000;
   --bg-dark: #1a1a2e;
   /* Used in Rivalry */
   --card-bg: var(--surface-glass);

   /* =========================================================================
       TEXT & CONTENT
       ========================================================================= */
   --text-primary: #FFFFFF;
   --text-secondary: rgba(255, 255, 255, 0.7);
   --text-tertiary: rgba(255, 255, 255, 0.5);
   --text-inverse: #000000;

   /* --- Legacy Mappings --- */
   --text-main: var(--text-primary);
   --text-color-primary: var(--text-primary);
   --text-color-secondary: var(--text-secondary);
   --text-muted: var(--text-tertiary);

   /* =========================================================================
       GLASSMORPHISM & UTILITIES
       ========================================================================= */
   --glass-blur: 12px;
   --transition-smooth: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

   --glass-bg: var(--surface-glass);
   --glass-border: rgba(255, 255, 255, 0.08);
   --premium-glass-bg: rgba(28, 28, 30, 0.6);
   --premium-glass-border: rgba(255, 255, 255, 0.1);
   --premium-glass-highlight: rgba(255, 255, 255, 0.05);

   /* =========================================================================
       SHADOWS & GLOWS (Premium Feel)
       ========================================================================= */
   --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.25);
   --shadow-deep: 0 20px 40px -10px rgba(0, 0, 0, 0.5);
   --shadow-glow: 0 0 15px var(--primary-glow);
   --glow-primary: var(--shadow-glow);

   /* Legacy Shadows */
   --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
   --shadow-s: 0 4px 6px rgba(0, 0, 0, 0.05);
   --shadow-md: 0 8px 16px rgba(0, 0, 0, 0.2);

   /* =========================================================================
       BORDERS & RADIUS
       ========================================================================= */
   --radius-sm: 8px;
   --radius-md: 16px;
   --radius-lg: 24px;
   --radius-xl: 32px;
   --radius-full: 9999px;

   --border-subtle: rgba(255, 255, 255, 0.08);
   --border-highlight: rgba(255, 255, 255, 0.15);

   /* Legacy Mappings */
   --border-color: var(--border-subtle);
   --radius-card: var(--radius-md);
   --border-radius-md: var(--radius-md);
   --border-radius-lg: var(--radius-lg);

   /* =========================================================================
       FONTS
       ========================================================================= */
   --font-family-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   --font-weight-medium: 500;
   --font-weight-bold: 700;

   /* =========================================================================
       SPECIFIC MODULE MAPPINGS
       ========================================================================= */
   --color-nemesis: #e74c3c;
   --color-domination: #34C759;
   --color-rival: #007AFF;
   --color-triangle: #007AFF;

   --secondary-color: #5856D6;
   --danger-color: #FF3B30;
   --danger-red: #FF453A;
   --warning-color: #FF9500;
   --accent-gold: #FFD60A;
   --accent-blue: #0A84FF;

   /* --- FUT CARDS (Legacy) --- */
   --fut-gold-bg: linear-gradient(145deg, #fff4c6 0%, #ffd866 25%, #d4a84b 50%, #c69541 75%, #a67c30 100%);
   --fut-gold-border: linear-gradient(135deg, #ffd700 0%, #bf953f 50%, #ffd700 100%);
   --fut-gold-text: #4a3810;
   --fut-gold-accent: rgba(255, 215, 0, 0.3);

   --fut-silver-bg: linear-gradient(145deg, #ffffff 0%, #e8e8e8 25%, #c9c9c9 50%, #b0b0b0 75%, #9a9a9a 100%);
   --fut-silver-border: linear-gradient(135deg, #e0e0e0 0%, #a0a0a0 50%, #e0e0e0 100%);
   --fut-silver-text: #2a2a2a;
   --fut-silver-accent: rgba(192, 192, 192, 0.3);

   --fut-bronze-bg: linear-gradient(145deg, #e8cdb0 0%, #d4a574 25%, #c68d54 50%, #b5773d 75%, #8b5a2b 100%);
   --fut-bronze-border: linear-gradient(135deg, #cd7f32 0%, #8b4513 50%, #cd7f32 100%);
   --fut-bronze-text: #3e2518;
   --fut-bronze-accent: rgba(205, 127, 50, 0.3);
   --fut-text-color: #3e2723;
}