:root[data-theme="fantasy-sports-premium"] {
  color-scheme: dark;

  /* ========================= BRAND ========================= */
  --color-brand-primary: #0066ff;
  --color-brand-secondary: #7c2dff;
  --color-brand-accent: #00d4ff;
  --color-brand-highlight: #ffd233;
  --color-brand-gold: #ffb21a;
  --color-brand-success: #18c964;
  --color-brand-danger: #ff375f;

  /* ========================= BACKGROUNDS ========================= */
  --bg-body: radial-gradient(circle at 12% 0%, rgba(0, 102, 255, 0.34), transparent 34%), radial-gradient(circle at 86% 8%, rgba(124, 45, 255, 0.28), transparent 32%), radial-gradient(circle at 72% 92%, rgba(255, 178, 26, 0.16), transparent 28%), linear-gradient(180deg, #020816 0%, #06162c 48%, #03101f 100%);
  --bg-page: #071a33;
  --bg-surface-1: #0d2342;
  --bg-surface-2: #123057;
  --bg-surface-3: #1b4474;
  --bg-navbar: rgba(3, 13, 28, 0.78);
  --bg-sidebar: linear-gradient(180deg, #031024 0%, #071b36 45%, #031024 100%);
  --bg-footer: rgba(3, 13, 28, 0.86);
  --bg-card: linear-gradient(145deg, rgba(13, 35, 66, 0.94), rgba(5, 18, 38, 0.92));
  --bg-modal: #0a1e3a;
  --bg-dropdown: #0a1e3a;
  --bg-tooltip: #ffd233;

  /* ========================= TEXT ========================= */
  --text-primary: #f9fbff;
  --text-secondary: #d8e7ff;
  --text-muted: #9bb4d6;
  --text-disabled: #637b9f;
  --text-inverse: #031024;
  --text-link: #55b7ff;
  --text-link-hover: #9ed7ff;

  /* ========================= BORDERS ========================= */
  --border-light: rgba(85, 183, 255, 0.18);
  --border-normal: rgba(85, 183, 255, 0.32);
  --border-strong: rgba(255, 210, 51, 0.42);
  --border-focus: var(--text-link);
  --border-width-normal: 1px;

  /* ========================= STATUS ========================= */
  --success: #18c964;
  --warning: #ffd233;
  --danger: #ff375f;
  --info: #00d4ff;
  --success-bg: rgba(24, 201, 100, 0.16);
  --warning-bg: rgba(255, 210, 51, 0.16);
  --danger-bg: rgba(255, 55, 95, 0.16);
  --info-bg: rgba(0, 212, 255, 0.16);

  /* ========================= TYPOGRAPHY ========================= */
  --font-family-primary: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-family-secondary: "Rajdhani", "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-size-display-xl: 3.5rem;
  --font-size-display-lg: 3rem;
  --font-size-h1: 2.25rem;
  --font-size-h2: 1.875rem;
  --font-size-h3: 1.5rem;
  --font-size-h4: 1.25rem;
  --font-size-body-lg: 1.125rem;
  --font-size-body: 1rem;
  --font-size-body-sm: 0.875rem;
  --font-size-caption: 0.75rem;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --line-height-tight: 1.15;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;

  /* ========================= SPACING ========================= */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  /* ========================= RADIUS ========================= */
  --radius-sm: 0.375rem;
  --radius-md: 0.625rem;
  --radius-lg: 0.875rem;
  --radius-xl: 1.25rem;
  --radius-2xl: 1.75rem;
  --radius-pill: 999px;

  /* ========================= SHADOWS / GLASS / GLOW ========================= */
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.36);
  --shadow-md: 0 16px 38px rgba(0, 0, 0, 0.46), 0 0 0 1px rgba(85, 183, 255, 0.06);
  --shadow-lg: 0 28px 72px rgba(0, 0, 0, 0.58), 0 0 34px rgba(0, 102, 255, 0.12);
  --shadow-xl: 0 40px 120px rgba(0, 0, 0, 0.70), 0 0 60px rgba(0, 212, 255, 0.12);
  --glass-bg: rgba(7, 26, 51, 0.74);
  --glass-border: rgba(85, 183, 255, 0.30);
  --glass-blur: 24px;
  --glow-primary: 0 0 32px rgba(0, 102, 255, 0.34);
  --glow-hover: 0 0 30px rgba(0, 212, 255, 0.28);
  --glow-focus: 0 0 0 4px rgba(85, 183, 255, 0.24);
  --glow-gold: 0 0 34px rgba(255, 210, 51, 0.34);
  --glow-danger: 0 0 26px rgba(255, 55, 95, 0.28);

  /* ========================= NAVBAR / SIDEBAR ========================= */
  --navbar-bg: var(--bg-navbar);
  --navbar-text: #d8e7ff;
  --navbar-text-active: #ffffff;
  --navbar-item-hover-bg: rgba(0, 102, 255, 0.16);
  --navbar-border: rgba(85, 183, 255, 0.20);
  --navbar-backdrop-blur: 20px;
  --sidebar-bg: linear-gradient(180deg, #031024 0%, #071b36 45%, #031024 100%);
  --sidebar-text: #d8e7ff;
  --sidebar-icon: #9bb4d6;
  --sidebar-item-hover-bg: rgba(85, 183, 255, 0.12);
  --sidebar-item-active-bg: linear-gradient(135deg, rgba(0, 102, 255, 0.96), rgba(0, 212, 255, 0.86));
  --sidebar-item-active-text: #ffffff;
  --sidebar-border: rgba(85, 183, 255, 0.20);

  /* ========================= BUTTONS ========================= */
  --btn-primary-bg: linear-gradient(135deg, #0057ff 0%, #00b8ff 55%, #00d4ff 100%);
  --btn-primary-text: #ffffff;
  --btn-primary-border: rgba(85, 183, 255, 0.70);
  --btn-primary-hover-bg: linear-gradient(135deg, #004ee6 0%, #009ee8 55%, #00c2eb 100%);
  --btn-primary-active-bg: #003fb8;
  --btn-primary-disabled-bg: #1b3f78;
  --btn-secondary-bg: linear-gradient(145deg, rgba(18, 48, 87, 0.94), rgba(7, 26, 51, 0.92));
  --btn-secondary-text: #f9fbff;
  --btn-secondary-border: rgba(85, 183, 255, 0.30);
  --btn-secondary-hover-bg: linear-gradient(145deg, rgba(27, 68, 116, 0.96), rgba(18, 48, 87, 0.94));
  --btn-outline-bg: transparent;
  --btn-outline-text: #55b7ff;
  --btn-outline-border: rgba(85, 183, 255, 0.72);
  --btn-outline-hover-bg: rgba(85, 183, 255, 0.14);
  --btn-ghost-bg: transparent;
  --btn-ghost-text: #d8e7ff;
  --btn-ghost-hover-bg: rgba(255, 255, 255, 0.10);
  --btn-danger-bg: linear-gradient(135deg, #ff375f, #ff1744);
  --btn-danger-text: #ffffff;
  --btn-danger-hover-bg: #d90f38;
  --btn-gold-bg: linear-gradient(135deg, #ffd233 0%, #ffb21a 55%, #ff7a18 100%);
  --btn-gold-text: #061020;
  --btn-gold-border: rgba(255, 210, 51, 0.74);
  --btn-gold-hover-bg: linear-gradient(135deg, #ffc400 0%, #ff9f0a 55%, #ff6b00 100%);

  /* ========================= INPUTS ========================= */
  --input-bg: rgba(3, 16, 36, 0.76);
  --input-text: #f8fafc;
  --input-placeholder: #64748b;
  --input-border: rgba(155, 180, 214, 0.28);
  --input-border-hover: rgba(85, 183, 255, 0.50);
  --input-border-focus: #55b7ff;
  --input-focus-shadow: 0 0 0 4px rgba(85, 183, 255, 0.20), 0 0 26px rgba(0, 212, 255, 0.14);
  --input-disabled-bg: rgba(13, 35, 66, 0.58);
  --input-disabled-text: #64748b;
  --input-error-border: #ff375f;
  --input-success-border: #18c964;

  /* ========================= TABLES ========================= */
  --table-bg: rgba(7, 26, 51, 0.88);
  --table-header-bg: linear-gradient(135deg, rgba(0, 102, 255, 0.18), rgba(0, 212, 255, 0.10));
  --table-header-text: #d8e7ff;
  --table-row-bg: rgba(7, 26, 51, 0.72);
  --table-row-alt-bg: rgba(13, 35, 66, 0.62);
  --table-row-hover-bg: rgba(0, 102, 255, 0.14);
  --table-row-selected-bg: rgba(0, 102, 255, 0.24);
  --table-border: rgba(85, 183, 255, 0.16);
  --table-cell-text: #d8e7ff;

  /* ========================= CARDS ========================= */
  --card-bg: linear-gradient(145deg, rgba(13, 35, 66, 0.96), rgba(3, 16, 36, 0.92));
  --card-border: rgba(85, 183, 255, 0.24);
  --card-title: #ffffff;
  --card-subtitle: #9bb4d6;
  --card-shadow: 0 16px 42px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.05);
  --card-hover-shadow: 0 30px 78px rgba(0,0,0,.62), 0 0 36px rgba(0,212,255,.22), inset 0 1px 0 rgba(255,255,255,.08);
  --card-hover-transform: translateY(-5px) scale(1.012);

  /* ========================= MODALS / DROPDOWNS / TOOLTIPS ========================= */
  --modal-overlay-bg: rgba(2, 6, 23, 0.75);
  --modal-bg: linear-gradient(145deg, #0d2342, #061020);
  --modal-header-bg: rgba(0, 102, 255, 0.12);
  --modal-footer-bg: rgba(3, 16, 36, 0.86);
  --modal-border: rgba(85, 183, 255, 0.24);
  --modal-shadow: 0 36px 120px rgba(0,0,0,.72), 0 0 60px rgba(0,102,255,.16);
  --dropdown-bg: #0d2342;
  --dropdown-text: #e2e8f0;
  --dropdown-hover-bg: rgba(0, 102, 255, 0.16);
  --dropdown-selected-bg: rgba(0, 212, 255, 0.18);
  --dropdown-border: rgba(85, 183, 255, 0.22);
  --dropdown-shadow: 0 24px 70px rgba(0,0,0,.58);
  --tooltip-bg: #ffd600;
  --tooltip-text: #061020;
  --tooltip-shadow: var(--shadow-md);

  /* ========================= BADGES / CHIPS / ALERTS ========================= */
  --badge-bg: rgba(85, 183, 255, 0.18);
  --badge-text: #b9e4ff;
  --badge-border: rgba(85, 183, 255, 0.35);
  --chip-bg: rgba(255, 255, 255, 0.07);
  --chip-text: #e2e8f0;
  --chip-border: rgba(255, 255, 255, 0.14);
  --chip-hover-bg: rgba(85, 183, 255, 0.14);
  --alert-success-bg: rgba(34, 197, 94, 0.14);
  --alert-success-text: #86efac;
  --alert-success-border: rgba(34, 197, 94, 0.35);
  --alert-warning-bg: rgba(255, 214, 0, 0.14);
  --alert-warning-text: #fff2a8;
  --alert-warning-border: rgba(255, 214, 0, 0.35);
  --alert-danger-bg: rgba(255, 45, 45, 0.14);
  --alert-danger-text: #fecaca;
  --alert-danger-border: rgba(255, 45, 45, 0.35);
  --alert-info-bg: rgba(0, 180, 255, 0.14);
  --alert-info-text: #bae6fd;
  --alert-info-border: rgba(0, 180, 255, 0.35);

  /* ========================= SPORTS COMPONENTS ========================= */
  --match-card-bg: linear-gradient(145deg, rgba(13, 35, 66, 0.98), rgba(4, 16, 36, 0.96) 58%, rgba(0, 102, 255, 0.16) 100%);
  --match-card-border: rgba(85, 183, 255, 0.26);
  --match-card-hover-bg: linear-gradient(145deg, rgba(18, 48, 87, 0.98), rgba(5, 20, 43, 0.96));
  --match-live-bg: rgba(255, 55, 95, 0.18);
  --match-live-text: #ff9ab0;
  --match-live-glow: 0 0 24px rgba(255, 55, 95, 0.32);
  --score-leading: #18c964;
  --score-trailing: #ff375f;
  --score-draw: #94a3b8;
  --prediction-bg: rgba(255, 210, 51, 0.16);
  --prediction-border: rgba(255, 210, 51, 0.34);
  --prediction-text: #ffe680;
  --ranking-top-bg: linear-gradient(135deg, rgba(255,210,51,.20), rgba(255,122,24,.12));
  --ranking-top-border: rgba(255, 210, 51, 0.46);
  --ranking-user-bg: linear-gradient(135deg, rgba(0,102,255,.24), rgba(0,212,255,.14));
  --ranking-user-border: rgba(85, 183, 255, 0.44);
  --team-home-accent: #0066ff;
  --team-away-accent: #ff375f;
  --team-draw-accent: #ffd233;
  --team-neutral-accent: #00d4ff;
  --team-logo-bg: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.035));
  --team-logo-border: rgba(85, 183, 255, 0.30);
  --team-logo-shadow: 0 12px 30px rgba(0,0,0,.38), 0 0 18px rgba(0,212,255,.12);
  --team-name-text: var(--text-primary);
  --team-meta-text: var(--text-muted);
  --live-pulse-color: rgba(255, 45, 45, 0.5);
  --live-dot-bg: var(--danger);
  --live-border: rgba(255, 45, 45, 0.34);
  --live-score-glow: 0 0 22px rgba(255, 45, 45, 0.26);
  --live-card-bg: linear-gradient(145deg, rgba(255,55,95,.16), rgba(13,35,66,.98));
  --live-card-border: rgba(255,55,95,.38);
  --live-badge-bg: var(--match-live-bg);
  --live-badge-text: var(--match-live-text);
  --prediction-input-bg: rgba(3, 16, 36, 0.88);
  --prediction-input-border: rgba(85, 183, 255, 0.26);
  --prediction-input-focus: var(--input-focus-shadow);
  --prediction-correct-bg: rgba(24,201,100,.16);
  --prediction-correct-border: rgba(24,201,100,.46);
  --prediction-correct-text: #86efac;
  --prediction-wrong-bg: rgba(255,55,95,.16);
  --prediction-wrong-border: rgba(255,55,95,.42);
  --prediction-wrong-text: #fecaca;
  --prediction-pending-bg: rgba(255,210,51,.16);
  --prediction-pending-border: rgba(255,210,51,.36);
  --prediction-pending-text: #fde68a;
  --badge-live-bg: var(--live-badge-bg);
  --badge-live-text: var(--live-badge-text);
  --badge-prediction-bg: var(--prediction-bg);
  --badge-prediction-text: var(--prediction-text);
  --badge-ranking-bg: rgba(0,102,255,.22);
  --badge-ranking-text: #8cc1ff;
  --badge-achievement-bg: rgba(255,210,51,.18);
  --badge-achievement-text: #fde68a;
  --achievement-elite: #00d4ff;
  --achievement-rookie: #9bb4d6;
  --stat-positive: var(--success);
  --stat-negative: var(--danger);
  --stat-neutral: var(--text-muted);
  --stat-highlight: var(--color-brand-highlight);
  --stat-card-bg: linear-gradient(145deg, rgba(13,35,66,.94), rgba(3,16,36,.90));
  --stat-card-border: rgba(85, 183, 255, 0.22);

  /* ========================= LOGIN ========================= */
  --login-bg: radial-gradient(circle at 80% 4%, rgba(0,102,255,.42), transparent 31%), radial-gradient(circle at 18% 22%, rgba(124,45,255,.26), transparent 30%), radial-gradient(circle at 78% 88%, rgba(255,210,51,.18), transparent 28%), linear-gradient(180deg,#020816 0%,#06162c 58%,#03101f 100%);
  --login-panel-bg: rgba(7, 26, 51, 0.80);
  --login-panel-border: rgba(85, 183, 255, 0.28);
  --login-panel-shadow: 0 36px 120px rgba(0,0,0,.70), 0 0 60px rgba(0,102,255,.18);
  --login-hero-bg: linear-gradient(135deg, #0057ff 0%, #7c2dff 48%, #00d4ff 100%);
  --login-hero-text: #ffffff;
  --login-hero-accent: #ffd233;
  --login-glow: 0 0 52px rgba(0, 102, 255, 0.30);

  /* ========================= PROGRESS / LOADERS ========================= */
  --progress-track-bg: rgba(155, 180, 214, 0.22);
  --progress-fill-bg: linear-gradient(90deg, #0057ff, #00d4ff 55%, #ffd233);
  --progress-radius: 999px;
  --loader-primary: #00d4ff;
  --loader-secondary: #ffd233;

  /* ========================= ANIMATION / MOTION ========================= */
  --motion-duration-fast: 120ms;
  --motion-duration-normal: 220ms;
  --motion-duration-slow: 420ms;
  --motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
  --hover-scale: 1.025;
  --active-scale: 0.98;
  --transition-default: all var(--motion-duration-normal) var(--motion-ease-standard);

  /* ========================= RESPONSIVE ========================= */
  --container-max-width: 1280px;
  --mobile-sidebar-width: 84vw;
  --desktop-sidebar-width: 280px;
  --desktop-sidebar-collapsed-width: 88px;
  --navbar-height: 64px;
  --navbar-height-mobile: 56px;
  --card-min-height: 96px;

  /* ========================= ACCESSIBILITY ========================= */
  --focus-ring-width: 2px;
  --focus-ring-color: var(--text-link);
  --focus-ring-offset: 2px;
  --contrast-minimum: 4.5;
  --reduced-motion: reduce;
  --high-contrast-text: #ffffff;
  --high-contrast-bg: #000000;

  /* ========================= COMPLETE THEME CONTRACT ========================= */
  --color-brand-warning: var(--warning);
  --anime-energy-blue: var(--color-brand-primary);
  --anime-energy-yellow: var(--color-brand-highlight);
  --anime-speed-orange: var(--color-brand-gold);
  --anime-power-red: var(--color-brand-danger);
  --hero-sky-gradient: var(--login-bg);
  --hero-stadium-gradient: var(--login-hero-bg);
  --glow-yellow: var(--glow-gold);
  --glow-orange: 0 0 28px rgba(255, 184, 0, 0.3);
  --glow-red: var(--glow-danger);
  --btn-success-bg: var(--success);
  --btn-warning-bg: var(--warning);
  --btn-warning-text: var(--text-inverse);
  --ranking-gold: var(--color-brand-highlight);
  --ranking-silver: var(--border-strong);
  --ranking-bronze: #d97706;
  --achievement-legend: var(--color-brand-highlight);
  --achievement-captain: var(--color-brand-primary);
  --achievement-master: var(--color-brand-gold);
  --confetti-primary: var(--color-brand-primary);
  --confetti-secondary: var(--color-brand-highlight);
  --confetti-success: var(--success);
  --motion-duration-hero: 800ms;

  /* ========================= ENTERPRISE PREMIUM 2026 EXTENDED CONTRACT ========================= */
  --bg-surface-base: #071a33;
  --bg-surface-muted: #0a1f3d;
  --bg-surface-raised: linear-gradient(145deg, rgba(13,35,66,.96), rgba(3,16,36,.92));
  --bg-surface-overlay: rgba(7, 26, 51, 0.88);
  --bg-surface-inset: rgba(3, 16, 36, 0.88);
  --bg-elevated-1: #0d2342;
  --bg-elevated-2: #123057;
  --bg-elevated-3: #1b4474;
  --state-hover-bg: rgba(85, 183, 255, 0.12);
  --state-active-bg: rgba(0, 102, 255, 0.22);
  --state-selected-bg: rgba(0, 102, 255, 0.26);
  --state-disabled-bg: rgba(13, 35, 66, 0.56);
  --state-focus-bg: rgba(0, 212, 255, 0.14);
  --state-hover-border: rgba(85, 183, 255, 0.30);
  --state-active-border: rgba(85, 183, 255, 0.48);
  --state-selected-border: rgba(255, 210, 51, 0.48);
  --nav-item-bg: var(--btn-ghost-bg);
  --nav-item-hover-bg: var(--navbar-item-hover-bg);
  --nav-item-active-bg: linear-gradient(135deg, rgba(0,102,255,.34), rgba(0,212,255,.18));
  --nav-item-selected-bg: linear-gradient(135deg, rgba(0,102,255,.34), rgba(0,212,255,.18));
  --nav-item-text: var(--navbar-text);
  --nav-item-active-text: var(--navbar-text-active);
  --nav-item-border: var(--border-light);
  --nav-item-active-border: rgba(85,183,255,.48);
  --nav-icon: var(--sidebar-icon);
  --nav-icon-active: var(--navbar-text-active);
  --btn-primary-hover-text: var(--btn-primary-text);
  --btn-primary-hover-border: var(--btn-primary-border);
  --btn-primary-active-text: var(--btn-primary-text);
  --btn-primary-active-border: var(--btn-primary-border);
  --btn-primary-disabled-text: var(--btn-primary-text);
  --btn-primary-disabled-border: var(--btn-primary-disabled-bg);
  --btn-primary-focus-shadow: var(--glow-focus);
  --btn-secondary-hover-text: var(--btn-secondary-text);
  --btn-secondary-hover-border: var(--btn-secondary-border);
  --btn-secondary-active-bg: var(--btn-secondary-hover-bg);
  --btn-secondary-active-text: var(--btn-secondary-text);
  --btn-secondary-active-border: var(--btn-secondary-border);
  --btn-secondary-disabled-bg: var(--input-disabled-bg);
  --btn-secondary-disabled-text: var(--input-disabled-text);
  --btn-secondary-disabled-border: var(--border-light);
  --btn-secondary-focus-shadow: var(--glow-focus);
  --btn-outline-hover-text: var(--btn-outline-text);
  --btn-outline-hover-border: var(--btn-outline-border);
  --btn-outline-active-bg: var(--btn-outline-hover-bg);
  --btn-outline-active-text: var(--btn-outline-text);
  --btn-outline-active-border: var(--btn-outline-border);
  --btn-outline-disabled-bg: var(--btn-outline-bg);
  --btn-outline-disabled-text: var(--text-disabled);
  --btn-outline-disabled-border: var(--border-light);
  --btn-outline-focus-shadow: var(--glow-focus);
  --btn-ghost-border: var(--btn-outline-bg);
  --btn-ghost-hover-text: var(--btn-ghost-text);
  --btn-ghost-hover-border: var(--btn-outline-bg);
  --btn-ghost-active-bg: var(--btn-ghost-hover-bg);
  --btn-ghost-active-text: var(--btn-ghost-text);
  --btn-ghost-active-border: var(--btn-outline-bg);
  --btn-ghost-disabled-bg: var(--btn-ghost-bg);
  --btn-ghost-disabled-text: var(--text-disabled);
  --btn-ghost-disabled-border: var(--btn-outline-bg);
  --btn-ghost-focus-shadow: var(--glow-focus);
  --btn-success-text: var(--btn-primary-text);
  --btn-success-border: var(--success);
  --btn-success-hover-bg: var(--success);
  --btn-success-hover-text: var(--btn-primary-text);
  --btn-success-hover-border: var(--success);
  --btn-success-active-bg: var(--success);
  --btn-success-active-text: var(--btn-primary-text);
  --btn-success-active-border: var(--success);
  --btn-success-disabled-bg: var(--success-bg);
  --btn-success-disabled-text: var(--text-disabled);
  --btn-success-disabled-border: var(--success-bg);
  --btn-success-focus-shadow: var(--glow-focus);
  --btn-warning-border: var(--warning);
  --btn-warning-hover-bg: var(--warning);
  --btn-warning-hover-text: var(--btn-warning-text);
  --btn-warning-hover-border: var(--warning);
  --btn-warning-active-bg: var(--warning);
  --btn-warning-active-text: var(--btn-warning-text);
  --btn-warning-active-border: var(--warning);
  --btn-warning-disabled-bg: var(--warning-bg);
  --btn-warning-disabled-text: var(--text-disabled);
  --btn-warning-disabled-border: var(--warning-bg);
  --btn-warning-focus-shadow: var(--glow-gold);
  --btn-danger-border: var(--btn-danger-bg);
  --btn-danger-hover-text: var(--btn-danger-text);
  --btn-danger-hover-border: var(--btn-danger-hover-bg);
  --btn-danger-active-bg: var(--btn-danger-hover-bg);
  --btn-danger-active-text: var(--btn-danger-text);
  --btn-danger-active-border: var(--btn-danger-hover-bg);
  --btn-danger-disabled-bg: var(--danger-bg);
  --btn-danger-disabled-text: var(--text-disabled);
  --btn-danger-disabled-border: var(--danger-bg);
  --btn-danger-focus-shadow: var(--glow-danger);
  --btn-neutral-bg: var(--btn-secondary-bg);
  --btn-neutral-text: var(--btn-secondary-text);
  --btn-neutral-border: var(--btn-secondary-border);
  --btn-neutral-hover-bg: var(--btn-secondary-hover-bg);
  --btn-neutral-hover-text: var(--btn-secondary-hover-text);
  --btn-neutral-hover-border: var(--btn-secondary-hover-border);
  --btn-neutral-active-bg: var(--btn-secondary-active-bg);
  --btn-neutral-active-text: var(--btn-secondary-active-text);
  --btn-neutral-active-border: var(--btn-secondary-active-border);
  --btn-neutral-disabled-bg: var(--btn-secondary-disabled-bg);
  --btn-neutral-disabled-text: var(--btn-secondary-disabled-text);
  --btn-neutral-disabled-border: var(--btn-secondary-disabled-border);
  --btn-neutral-focus-shadow: var(--btn-secondary-focus-shadow);
  --label-text: var(--text-secondary);
  --label-required: var(--danger);
  --help-text: var(--text-muted);
  --validation-error-text: var(--alert-danger-text);
  --validation-success-text: var(--alert-success-text);
  --input-icon: var(--text-muted);
  --input-addon-bg: var(--bg-surface-2);
  --input-addon-border: var(--border-normal);
  --input-readonly-bg: var(--input-disabled-bg);
  --input-readonly-text: var(--text-secondary);
  --table-sort-icon: var(--text-muted);
  --table-filter-bg: var(--bg-surface-1);
  --table-filter-border: var(--border-normal);
  --table-sticky-header-bg: var(--table-header-bg);
  --table-empty-text: var(--text-muted);
  --table-group-header-bg: var(--bg-surface-2);
  --table-summary-row-bg: var(--ranking-user-bg);
  --tab-bg: var(--btn-ghost-bg);
  --tab-text: var(--text-secondary);
  --tab-hover-bg: var(--state-hover-bg);
  --tab-active-bg: linear-gradient(135deg, rgba(0,102,255,.22), rgba(0,212,255,.12));
  --tab-active-text: #ffffff;
  --tab-indicator: #ffd233;
  --pagination-bg: var(--bg-surface-1);
  --pagination-text: var(--text-secondary);
  --pagination-hover-bg: var(--state-hover-bg);
  --pagination-active-bg: linear-gradient(135deg, #0057ff, #00d4ff);
  --pagination-active-text: var(--btn-primary-text);
  --pagination-disabled-text: var(--text-disabled);
  --accordion-header-bg: linear-gradient(145deg, rgba(13,35,66,.94), rgba(3,16,36,.88));
  --accordion-header-text: var(--text-primary);
  --accordion-body-bg: rgba(7,26,51,.82);
  --accordion-border: var(--border-light);
  --accordion-icon: var(--text-muted);
  --toast-bg: linear-gradient(145deg, rgba(13,35,66,.96), rgba(3,16,36,.94));
  --toast-text: var(--text-primary);
  --toast-border: var(--border-light);
  --skeleton-bg: rgba(85, 183, 255, 0.10);
  --skeleton-highlight: rgba(255, 255, 255, 0.10);
  --empty-state-bg: linear-gradient(145deg, rgba(13,35,66,.90), rgba(3,16,36,.86));
  --empty-state-icon: var(--text-muted);
  --empty-state-title: var(--text-primary);
  --empty-state-text: var(--text-muted);
  --avatar-bg: linear-gradient(145deg, rgba(0,102,255,.30), rgba(0,212,255,.14));
  --avatar-border: var(--border-light);
  --avatar-ring: 0 0 0 4px rgba(85,183,255,.18), 0 0 24px rgba(0,212,255,.16);
  --profile-stat-bg: var(--bg-surface-1);
  --profile-stat-border: var(--border-light);
  --notification-bg: var(--bg-surface-1);
  --notification-border: var(--border-light);
  --notification-unread-bg: rgba(0,212,255,.13);
  --notification-dot: #ffd233;
  --scrollbar-track: rgba(3,16,36,.86);
  --scrollbar-thumb: rgba(85,183,255,.28);
  --scrollbar-thumb-hover: rgba(85,183,255,.48);
  --motion-duration-instant: 0ms;
  --motion-duration-score-update: 260ms;
  --motion-duration-live-update: 520ms;
  --motion-duration-achievement: 720ms;
  --motion-duration-ranking-change: 420ms;
  --motion-ease-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --motion-ease-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --match-card-mobile-height: 132px;
  --match-card-desktop-height: 156px;
  --ranking-mobile-layout: stacked;
  --dashboard-mobile-spacing: var(--space-4);
  /* ========================= GAME EXPERIENCE ========================= */
  --game-hero-bg: var(--hero-stadium-gradient);
  --game-hero-border: var(--border-strong);
  --game-hero-shadow: var(--shadow-xl);
  --game-hero-title: var(--text-primary);
  --game-hero-subtitle: var(--text-secondary);
  --player-card-bg: var(--bg-surface-1);
  --player-card-border: var(--border-light);
  --player-card-shadow: var(--shadow-md);
  --player-level-bg: var(--btn-gold-bg);
  --player-level-text: var(--btn-gold-text);
  --match-card-bg: var(--bg-card);
  --match-card-border: var(--border-light);
  --match-card-shadow: var(--shadow-md);
  --match-card-hover-shadow: var(--shadow-lg);
  --match-header-bg: var(--bg-surface-2);
  --match-date-chip-bg: var(--chip-bg);
  --match-date-chip-text: var(--chip-text);
  --match-status-bg: var(--info-bg);
  --match-status-text: var(--info);
  --score-editor-bg: var(--bg-surface-inset);
  --score-editor-border: var(--border-normal);
  --score-editor-shadow: var(--shadow-sm);
  --score-input-bg: var(--input-bg);
  --score-input-text: var(--input-text);
  --score-input-border: var(--input-border);
  --score-input-focus: var(--border-focus);
  --prediction-available-bg: var(--info-bg);
  --prediction-available-text: var(--info);
  --prediction-saved-bg: var(--success-bg);
  --prediction-saved-text: var(--success);
  --prediction-closed-bg: var(--warning-bg);
  --prediction-closed-text: var(--warning);
  --prediction-correct-bg: var(--success-bg);
  --prediction-correct-text: var(--success);
  --prediction-wrong-bg: var(--danger-bg);
  --prediction-wrong-text: var(--danger);
  --ranking-podium-bg: var(--bg-card);
  --ranking-podium-border: var(--border-strong);
  --ranking-first-bg: var(--btn-gold-bg);
  --ranking-second-bg: var(--bg-surface-2);
  --ranking-third-bg: var(--warning-bg);
  --ranking-current-user-bg: var(--ranking-user-bg);
  --achievement-bg: var(--success-bg);
  --achievement-border: var(--border-light);
  --achievement-icon-bg: var(--btn-gold-bg);
  --achievement-title: var(--text-primary);
  --achievement-text: var(--text-secondary);
  --game-mode-bg: var(--bg-card);
  --game-mode-border: var(--border-strong);
  --game-mode-shadow: var(--shadow-lg);
  --game-mode-cta-bg: var(--btn-primary-bg);
  --game-mode-cta-text: var(--btn-primary-text);
}