/* Marketplace Sport Premium: Amazon-inspired marketplace UX theme for Quineliando. Token-only; no proprietary branding/logos. */
:root[data-theme="marketplace-sport-premium"] {
  color-scheme: light;

  /* ========================= BRAND ========================= */
  --color-brand-primary: #232F3E;
  --color-brand-secondary: #146EB4;
  --color-brand-accent: #00A8E8;
  --color-brand-highlight: #FF9900;

  /* ========================= BACKGROUNDS ========================= */
  --bg-body: radial-gradient(circle at 10% 0%, rgba(255, 216, 20, 0.20), transparent 30%), radial-gradient(circle at 88% 10%, rgba(0, 168, 232, 0.18), transparent 34%), linear-gradient(180deg, #F7FAFA 0%, #EEF4F5 52%, #F7FAFA 100%);
  --bg-page: #F7FAFA;
  --bg-surface-1: #FFFFFF;
  --bg-surface-2: #F1F6F7;
  --bg-surface-3: #E3ECEF;
  --bg-navbar: rgba(19, 25, 33, 0.96);
  --bg-sidebar: #FFFFFF;
  --bg-footer: #EAEDED;
  --bg-card: rgba(255, 255, 255, 0.96);
  --bg-modal: #FFFFFF;
  --bg-dropdown: #FFFFFF;
  --bg-tooltip: #232F3E;

  /* ========================= TEXT ========================= */
  --text-primary: #111827;
  --text-secondary: #233142;
  --text-muted: #637083;
  --text-disabled: #A3AFBF;
  --text-inverse: #FFFFFF;
  --text-link: #007185;
  --text-link-hover: #C7511F;

  /* ========================= BORDERS ========================= */
  --border-light: #D5E1E6;
  --border-normal: #B8C8D0;
  --border-strong: #7E98A6;
  --border-focus: #FF9900;
  --border-width-normal: 1px;

  /* ========================= STATUS ========================= */
  --success: #067D62;
  --warning: #FF9900;
  --danger: #B12704;
  --info: #146EB4;
  --success-bg: #DFF3EC;
  --warning-bg: #FFF3D6;
  --danger-bg: #FDE7DF;
  --info-bg: #E4F3FA;

  /* ========================= TYPOGRAPHY ========================= */
  --font-family-primary: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-family-secondary: "Manrope", "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 2px 8px rgba(35, 47, 62, 0.08);
  --shadow-md: 0 12px 30px rgba(35, 47, 62, 0.12);
  --shadow-lg: 0 22px 56px rgba(35, 47, 62, 0.16);
  --shadow-xl: 0 34px 90px rgba(35, 47, 62, 0.20);
  --glass-bg: rgba(255, 255, 255, 0.78);
  --glass-border: rgba(184, 200, 208, 0.72);
  --glass-blur: 20px;
  --glow-primary: 0 0 0 rgba(255, 153, 0, 0);
  --glow-hover: 0 0 34px rgba(255, 153, 0, 0.18);
  --glow-focus: 0 0 0 4px rgba(255, 153, 0, 0.24);

  /* ========================= NAVBAR / SIDEBAR ========================= */
  --navbar-bg: rgba(19, 25, 33, 0.96);
  --navbar-text: #EAEDED;
  --navbar-text-active: #FFD814;
  --navbar-item-hover-bg: rgba(255, 255, 255, 0.12);
  --navbar-border: rgba(255, 255, 255, 0.10);
  --navbar-backdrop-blur: 18px;
  --sidebar-bg: #FFFFFF;
  --sidebar-text: #233142;
  --sidebar-icon: #637083;
  --sidebar-item-hover-bg: #EAF6F8;
  --sidebar-item-active-bg: #FFF3D6;
  --sidebar-item-active-text: #111827;
  --sidebar-border: #D5E1E6;

  /* ========================= BUTTONS ========================= */
  --btn-primary-bg: linear-gradient(180deg, #FFD814 0%, #F7CA00 100%);
  --btn-primary-text: #111827;
  --btn-primary-border: #F2C200;
  --btn-primary-hover-bg: linear-gradient(180deg, #F7CA00 0%, #F0B800 100%);
  --btn-primary-active-bg: #E6B000;
  --btn-primary-disabled-bg: #F7E7A6;
  --btn-secondary-bg: #FFFFFF;
  --btn-secondary-text: #111827;
  --btn-secondary-border: #B8C8D0;
  --btn-secondary-hover-bg: #EAF6F8;
  --btn-outline-bg: transparent;
  --btn-outline-text: #007185;
  --btn-outline-border: #007185;
  --btn-outline-hover-bg: #E4F3FA;
  --btn-ghost-bg: transparent;
  --btn-ghost-text: #233142;
  --btn-ghost-hover-bg: #EAF6F8;
  --btn-danger-bg: #B12704;
  --btn-danger-text: #FFFFFF;
  --btn-danger-hover-bg: #8A1F03;

  /* ========================= INPUTS ========================= */
  --input-bg: #FFFFFF;
  --input-text: #111827;
  --input-placeholder: #8A99A8;
  --input-border: #B8C8D0;
  --input-border-hover: #7E98A6;
  --input-border-focus: #FF9900;
  --input-focus-shadow: 0 0 0 4px rgba(255, 153, 0, 0.20);
  --input-disabled-bg: #F1F6F7;
  --input-disabled-text: #A3AFBF;
  --input-error-border: #B12704;
  --input-success-border: #067D62;

  /* ========================= TABLES ========================= */
  --table-bg: rgba(255, 255, 255, 0.96);
  --table-header-bg: #F1F6F7;
  --table-header-text: #232F3E;
  --table-row-bg: #FFFFFF;
  --table-row-alt-bg: #F7FAFA;
  --table-row-hover-bg: #EAF6F8;
  --table-row-selected-bg: #FFF3D6;
  --table-border: #D5E1E6;
  --table-cell-text: #233142;

  /* ========================= CARDS ========================= */
  --card-bg: rgba(255, 255, 255, 0.97);
  --card-border: rgba(184, 200, 208, 0.86);
  --card-title: #111827;
  --card-subtitle: #637083;
  --card-shadow: 0 16px 38px rgba(35, 47, 62, 0.11);
  --card-hover-shadow: 0 26px 64px rgba(35, 47, 62, 0.16), 0 0 34px rgba(255, 153, 0, 0.14);
  --card-hover-transform: translateY(-4px);

  /* ========================= MODALS / DROPDOWNS / TOOLTIPS ========================= */
  --modal-overlay-bg: rgba(19, 25, 33, 0.46);
  --modal-bg: #FFFFFF;
  --modal-header-bg: #FFFFFF;
  --modal-footer-bg: #F1F6F7;
  --modal-border: #D5E1E6;
  --modal-shadow: 0 34px 90px rgba(35, 47, 62, 0.22);
  --dropdown-bg: #FFFFFF;
  --dropdown-text: #233142;
  --dropdown-hover-bg: #EAF6F8;
  --dropdown-selected-bg: #FFF3D6;
  --dropdown-border: #D5E1E6;
  --dropdown-shadow: 0 22px 56px rgba(35, 47, 62, 0.16);
  --tooltip-bg: #232F3E;
  --tooltip-text: #FFFFFF;
  --tooltip-shadow: 0 12px 30px rgba(35, 47, 62, 0.20);

  /* ========================= BADGES / ALERTS ========================= */
  --badge-bg: #EAF6F8;
  --badge-text: #007185;
  --badge-border: #A8D7E3;
  --alert-success-bg: #DFF3EC;
  --alert-success-text: #05664F;
  --alert-success-border: #95D4C3;
  --alert-warning-bg: #FFF3D6;
  --alert-warning-text: #7A4B00;
  --alert-warning-border: #F5C865;
  --alert-danger-bg: #FDE7DF;
  --alert-danger-text: #8A1F03;
  --alert-danger-border: #F2B8A8;
  --alert-info-bg: #E4F3FA;
  --alert-info-text: #005F70;
  --alert-info-border: #A8D7E3;

  /* ========================= SPORTS COMPONENTS ========================= */
  --match-card-bg: linear-gradient(145deg, rgba(255,255,255,0.98), rgba(241,246,247,0.96));
  --match-card-border: #B8C8D0;
  --match-card-hover-bg: #EAF6F8;
  --match-live-bg: #FDE7DF;
  --match-live-text: #8A1F03;
  --match-live-glow: 0 0 22px rgba(177, 39, 4, 0.22);
  --score-leading: #067D62;
  --score-trailing: #B12704;
  --score-draw: #637083;
  --prediction-bg: #FFF3D6;
  --prediction-border: #F5C865;
  --prediction-text: #7A4B00;
  --ranking-top-bg: #FFF3D6;
  --ranking-top-border: #F5C865;
  --ranking-user-bg: #E4F3FA;
  --ranking-user-border: #00A8E8;

  /* ========================= LOGIN ========================= */
  --login-bg: radial-gradient(circle at 15% 10%, rgba(255, 216, 20, 0.26), transparent 30%), radial-gradient(circle at 85% 15%, rgba(0, 168, 232, 0.22), transparent 34%), linear-gradient(180deg, #F7FAFA 0%, #EEF4F5 100%);
  --login-panel-bg: rgba(255,255,255,0.88);
  --login-panel-border: rgba(184,200,208,0.86);
  --login-panel-shadow: 0 34px 90px rgba(35, 47, 62, 0.22);
  --login-hero-bg: linear-gradient(135deg, #131921 0%, #232F3E 44%, #146EB4 80%, #FF9900 130%);
  --login-hero-text: #FFFFFF;
  --btn-gold-bg: linear-gradient(180deg, #FFD814 0%, #FFB703 100%);
  --btn-gold-text: #111827;
  --btn-gold-border: #F2C200;
  --btn-gold-hover-bg: linear-gradient(180deg, #FFB703 0%, #FF9900 100%);
  --glow-gold: 0 0 28px rgba(255, 216, 20, 0.34);
  --progress-track-bg: #D5E1E6;
  --progress-fill-bg: linear-gradient(90deg, #232F3E, #146EB4, #00A8E8, #FFD814);
  --progress-radius: 999px;

  /* ========================= 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.015;
  --active-scale: 0.985;
  --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;

  /* ========================= COMPLETE THEME CONTRACT ========================= */
  --color-brand-gold: #FFD814;
  --color-brand-success: #067D62;
  --color-brand-warning: #FF9900;
  --color-brand-danger: #B12704;
  --anime-energy-blue: #146EB4;
  --anime-energy-yellow: #FFD814;
  --anime-speed-orange: #FF9900;
  --anime-power-red: #B12704;
  --hero-sky-gradient: linear-gradient(135deg, #146EB4 0%, #00A8E8 48%, #FFD814 120%);
  --hero-stadium-gradient: linear-gradient(135deg, #131921 0%, #232F3E 38%, #146EB4 72%, #FF9900 130%);
  --glow-yellow: 0 0 28px rgba(255, 216, 20, 0.30);
  --glow-orange: 0 0 28px rgba(255, 153, 0, 0.28);
  --glow-red: 0 0 28px rgba(177, 39, 4, 0.20);
  --glow-danger: 0 0 28px rgba(177, 39, 4, 0.20);
  --btn-success-bg: #067D62;
  --btn-warning-bg: #FF9900;
  --btn-warning-text: #111827;
  --chip-bg: #F1F6F7;
  --chip-text: #233142;
  --chip-border: #D5E1E6;
  --chip-hover-bg: #EAF6F8;
  --ranking-gold: #FFD814;
  --ranking-silver: #B8C8D0;
  --ranking-bronze: #B56B2A;
  --team-home-accent: #146EB4;
  --team-away-accent: #B12704;
  --team-draw-accent: #FF9900;
  --achievement-legend: #FFD814;
  --achievement-captain: #146EB4;
  --achievement-master: #FF9900;
  --login-hero-accent: #FFD814;
  --login-glow: 0 0 52px rgba(255, 153, 0, 0.22);
  --confetti-primary: #146EB4;
  --confetti-secondary: #FFD814;
  --confetti-success: #067D62;
  --loader-primary: #146EB4;
  --loader-secondary: #FF9900;
  --motion-duration-hero: 800ms;
  --focus-ring-width: 2px;
  --focus-ring-color: var(--border-focus);
  --focus-ring-offset: 2px;
  --contrast-minimum: 4.5;
  --reduced-motion: reduce;
  --high-contrast-text: #0f172a;
  --high-contrast-bg: #ffffff;

  /* ========================= ENTERPRISE PREMIUM 2026 SURFACES ========================= */
  --bg-surface-base: #F7FAFA;
  --bg-surface-muted: #F1F6F7;
  --bg-surface-raised: rgba(255, 255, 255, 0.98);
  --bg-surface-overlay: rgba(255, 255, 255, 0.84);
  --bg-surface-inset: #EEF4F5;
  --bg-elevated-1: #FFFFFF;
  --bg-elevated-2: #F7FAFA;
  --bg-elevated-3: #EEF4F5;

  /* ========================= ENTERPRISE PREMIUM 2026 STATES ========================= */
  --state-hover-bg: #EAF6F8;
  --state-active-bg: #D7EEF4;
  --state-selected-bg: #FFF3D6;
  --state-disabled-bg: #EEF4F5;
  --state-focus-bg: #FFF7E6;
  --state-hover-border: #A8D7E3;
  --state-active-border: #00A8E8;
  --state-selected-border: #FF9900;

  /* ========================= ENTERPRISE PREMIUM 2026 NAVIGATION ========================= */
  --nav-item-bg: transparent;
  --nav-item-hover-bg: rgba(255, 255, 255, 0.12);
  --nav-item-active-bg: #FFF3D6;
  --nav-item-selected-bg: #FFF3D6;
  --nav-item-text: #EAEDED;
  --nav-item-active-text: #111827;
  --nav-item-border: rgba(255, 255, 255, 0.08);
  --nav-item-active-border: #FF9900;
  --nav-icon: #D5DBDB;
  --nav-icon-active: #FF9900;

  /* ========================= ENTERPRISE PREMIUM 2026 BUTTON STATES ========================= */
  --btn-primary-hover-text: #111827;
  --btn-primary-hover-border: #E6B000;
  --btn-primary-active-text: #111827;
  --btn-primary-active-border: #C99500;
  --btn-primary-disabled-text: #7A6A32;
  --btn-primary-disabled-border: #E8D891;
  --btn-primary-focus-shadow: 0 0 0 4px rgba(255, 153, 0, 0.26);
  --btn-secondary-hover-text: #111827;
  --btn-secondary-hover-border: #7E98A6;
  --btn-secondary-active-bg: #D7EEF4;
  --btn-secondary-active-text: #111827;
  --btn-secondary-active-border: #00A8E8;
  --btn-secondary-disabled-bg: #F1F6F7;
  --btn-secondary-disabled-text: #A3AFBF;
  --btn-secondary-disabled-border: #D5E1E6;
  --btn-secondary-focus-shadow: 0 0 0 4px rgba(0, 168, 232, 0.16);
  --btn-outline-hover-text: #005F70;
  --btn-outline-hover-border: #005F70;
  --btn-outline-active-bg: #D7EEF4;
  --btn-outline-active-text: #003F4A;
  --btn-outline-active-border: #003F4A;
  --btn-outline-disabled-bg: transparent;
  --btn-outline-disabled-text: #A3AFBF;
  --btn-outline-disabled-border: #B8C8D0;
  --btn-outline-focus-shadow: 0 0 0 4px rgba(0, 113, 133, 0.18);
  --btn-ghost-border: transparent;
  --btn-ghost-hover-text: #111827;
  --btn-ghost-hover-border: transparent;
  --btn-ghost-active-bg: #D7EEF4;
  --btn-ghost-active-text: #111827;
  --btn-ghost-active-border: transparent;
  --btn-ghost-disabled-bg: transparent;
  --btn-ghost-disabled-text: #A3AFBF;
  --btn-ghost-disabled-border: transparent;
  --btn-ghost-focus-shadow: 0 0 0 4px rgba(0, 168, 232, 0.14);
  --btn-success-text: #FFFFFF;
  --btn-success-border: #067D62;
  --btn-success-hover-bg: #05664F;
  --btn-success-hover-text: #FFFFFF;
  --btn-success-hover-border: #05664F;
  --btn-success-active-bg: #044D3C;
  --btn-success-active-text: #FFFFFF;
  --btn-success-active-border: #044D3C;
  --btn-success-disabled-bg: #95D4C3;
  --btn-success-disabled-text: #FFFFFF;
  --btn-success-disabled-border: #95D4C3;
  --btn-success-focus-shadow: 0 0 0 4px rgba(6, 125, 98, 0.18);
  --btn-warning-border: #E88A00;
  --btn-warning-hover-bg: #E88A00;
  --btn-warning-hover-text: #111827;
  --btn-warning-hover-border: #D47D00;
  --btn-warning-active-bg: #C26F00;
  --btn-warning-active-text: #111827;
  --btn-warning-active-border: #B56500;
  --btn-warning-disabled-bg: #F8D399;
  --btn-warning-disabled-text: #7A4B00;
  --btn-warning-disabled-border: #F0C580;
  --btn-warning-focus-shadow: 0 0 0 4px rgba(255, 153, 0, 0.24);
  --btn-danger-border: #B12704;
  --btn-danger-hover-text: #FFFFFF;
  --btn-danger-hover-border: #8A1F03;
  --btn-danger-active-bg: #6D1802;
  --btn-danger-active-text: #FFFFFF;
  --btn-danger-active-border: #6D1802;
  --btn-danger-disabled-bg: #F2B8A8;
  --btn-danger-disabled-text: #FFFFFF;
  --btn-danger-disabled-border: #F2B8A8;
  --btn-danger-focus-shadow: 0 0 0 4px rgba(177, 39, 4, 0.18);
  --btn-neutral-bg: #FFFFFF;
  --btn-neutral-text: #111827;
  --btn-neutral-border: #B8C8D0;
  --btn-neutral-hover-bg: #EAF6F8;
  --btn-neutral-hover-text: #111827;
  --btn-neutral-hover-border: #7E98A6;
  --btn-neutral-active-bg: #D7EEF4;
  --btn-neutral-active-text: #111827;
  --btn-neutral-active-border: #00A8E8;
  --btn-neutral-disabled-bg: #F1F6F7;
  --btn-neutral-disabled-text: #A3AFBF;
  --btn-neutral-disabled-border: #D5E1E6;
  --btn-neutral-focus-shadow: 0 0 0 4px rgba(0, 168, 232, 0.16);

  /* ========================= ENTERPRISE PREMIUM 2026 FORMS ========================= */
  --label-text: #233142;
  --label-required: #B12704;
  --help-text: #637083;
  --validation-error-text: #8A1F03;
  --validation-success-text: #05664F;
  --input-icon: #637083;
  --input-addon-bg: #F1F6F7;
  --input-addon-border: #B8C8D0;
  --input-readonly-bg: #F1F6F7;
  --input-readonly-text: #233142;

  /* ========================= ENTERPRISE PREMIUM 2026 TABLES ========================= */
  --table-sort-icon: #637083;
  --table-filter-bg: #FFFFFF;
  --table-filter-border: #B8C8D0;
  --table-sticky-header-bg: rgba(241, 246, 247, 0.94);
  --table-empty-text: #637083;
  --table-group-header-bg: #F1F6F7;
  --table-summary-row-bg: #FFF3D6;

  /* ========================= ENTERPRISE PREMIUM 2026 COMPONENTS ========================= */
  --tab-bg: rgba(255, 255, 255, 0.88);
  --tab-text: #233142;
  --tab-hover-bg: #EAF6F8;
  --tab-active-bg: #FFF3D6;
  --tab-active-text: #111827;
  --tab-indicator: #FF9900;
  --pagination-bg: #FFFFFF;
  --pagination-text: #233142;
  --pagination-hover-bg: #EAF6F8;
  --pagination-active-bg: #232F3E;
  --pagination-active-text: #FFFFFF;
  --pagination-disabled-text: #A3AFBF;
  --accordion-header-bg: #FFFFFF;
  --accordion-header-text: #111827;
  --accordion-body-bg: #F7FAFA;
  --accordion-border: #D5E1E6;
  --accordion-icon: #637083;
  --toast-bg: #FFFFFF;
  --toast-text: #111827;
  --toast-border: #D5E1E6;
  --skeleton-bg: #E3ECEF;
  --skeleton-highlight: #F7FAFA;
  --empty-state-bg: #F1F6F7;
  --empty-state-icon: #7E98A6;
  --empty-state-title: #111827;
  --empty-state-text: #637083;
  --avatar-bg: #EAF6F8;
  --avatar-border: #B8C8D0;
  --avatar-ring: 0 0 0 4px rgba(255, 153, 0, 0.18);
  --profile-stat-bg: #FFFFFF;
  --profile-stat-border: #D5E1E6;
  --notification-bg: #FFFFFF;
  --notification-border: #D5E1E6;
  --notification-unread-bg: #FFF3D6;
  --notification-dot: #FF9900;
  --scrollbar-track: #EEF4F5;
  --scrollbar-thumb: #B8C8D0;
  --scrollbar-thumb-hover: #7E98A6;

  /* ========================= ENTERPRISE PREMIUM 2026 MOTION ========================= */
  --motion-duration-instant: 0ms;
  --motion-duration-score-update: 220ms;
  --motion-duration-live-update: 420ms;
  --motion-duration-achievement: 620ms;
  --motion-duration-ranking-change: 360ms;
  --motion-ease-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --motion-ease-accelerate: cubic-bezier(0.4, 0, 1, 1);

  /* ========================= SPORTS PREMIUM EXTENDED CONTRACT ========================= */
  --team-neutral-accent: #007185;
  --team-logo-bg: #FFFFFF;
  --team-logo-border: #D5E1E6;
  --team-logo-shadow: 0 10px 26px rgba(35, 47, 62, 0.12);
  --team-name-text: #111827;
  --team-meta-text: #637083;
  --live-pulse-color: rgba(177, 39, 4, 0.28);
  --live-dot-bg: #B12704;
  --live-border: #F2B8A8;
  --live-score-glow: 0 0 24px rgba(177, 39, 4, 0.22);
  --live-card-bg: #FFF7E6;
  --live-card-border: #F5C865;
  --live-badge-bg: #FDE7DF;
  --live-badge-text: #8A1F03;
  --prediction-input-bg: #FFFFFF;
  --prediction-input-border: #B8C8D0;
  --prediction-input-focus: 0 0 0 4px rgba(255, 153, 0, 0.20);
  --prediction-correct-bg: #DFF3EC;
  --prediction-correct-border: #95D4C3;
  --prediction-correct-text: #05664F;
  --prediction-wrong-bg: #FDE7DF;
  --prediction-wrong-border: #F2B8A8;
  --prediction-wrong-text: #8A1F03;
  --prediction-pending-bg: #FFF3D6;
  --prediction-pending-border: #F5C865;
  --prediction-pending-text: #7A4B00;
  --badge-live-bg: #FDE7DF;
  --badge-live-text: #8A1F03;
  --badge-prediction-bg: #FFF3D6;
  --badge-prediction-text: #7A4B00;
  --badge-ranking-bg: #E4F3FA;
  --badge-ranking-text: #007185;
  --badge-achievement-bg: #FFF3D6;
  --badge-achievement-text: #7A4B00;
  --achievement-elite: #00A8E8;
  --achievement-rookie: #637083;
  --stat-positive: #067D62;
  --stat-negative: #B12704;
  --stat-neutral: #637083;
  --stat-highlight: #FF9900;
  --stat-card-bg: rgba(255,255,255,0.98);
  --stat-card-border: #D5E1E6;
  --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: linear-gradient(135deg, #131921 0%, #232F3E 40%, #146EB4 72%, #FF9900 132%);
  --game-hero-border: rgba(255, 153, 0, 0.36);
  --game-hero-shadow: 0 34px 90px rgba(35, 47, 62, 0.26), 0 0 40px rgba(255, 153, 0, 0.12);
  --game-hero-title: #FFFFFF;
  --game-hero-subtitle: #EAEDED;
  --player-card-bg: rgba(255,255,255,0.98);
  --player-card-border: #D5E1E6;
  --player-card-shadow: 0 16px 38px rgba(35,47,62,0.12);
  --player-level-bg: linear-gradient(180deg, #FFD814 0%, #FFB703 100%);
  --player-level-text: #111827;
  --match-card-bg: linear-gradient(145deg, rgba(255,255,255,0.98), rgba(241,246,247,0.96));
  --match-card-border: #B8C8D0;
  --match-card-shadow: 0 16px 38px rgba(35, 47, 62, 0.12);
  --match-card-hover-shadow: 0 28px 68px rgba(35, 47, 62, 0.18), 0 0 32px rgba(255, 153, 0, 0.16);
  --match-header-bg: #F1F6F7;
  --match-date-chip-bg: #EAF6F8;
  --match-date-chip-text: #007185;
  --match-status-bg: #FFF3D6;
  --match-status-text: #7A4B00;
  --score-editor-bg: #F7FAFA;
  --score-editor-border: #B8C8D0;
  --score-editor-shadow: 0 8px 20px rgba(35,47,62,0.10);
  --score-input-bg: #FFFFFF;
  --score-input-text: #111827;
  --score-input-border: #B8C8D0;
  --score-input-focus: #FF9900;
  --prediction-available-bg: #E4F3FA;
  --prediction-available-text: #005F70;
  --prediction-saved-bg: #DFF3EC;
  --prediction-saved-text: #05664F;
  --prediction-closed-bg: #FFF3D6;
  --prediction-closed-text: #7A4B00;
  --prediction-correct-bg: #DFF3EC;
  --prediction-correct-text: #05664F;
  --prediction-wrong-bg: #FDE7DF;
  --prediction-wrong-text: #8A1F03;
  --ranking-podium-bg: rgba(255,255,255,0.98);
  --ranking-podium-border: #F5C865;
  --ranking-first-bg: linear-gradient(180deg, #FFD814 0%, #FFB703 100%);
  --ranking-second-bg: #E3ECEF;
  --ranking-third-bg: #FFE4C4;
  --ranking-current-user-bg: #E4F3FA;
  --achievement-bg: #FFF3D6;
  --achievement-border: #F5C865;
  --achievement-icon-bg: linear-gradient(180deg, #FFD814 0%, #FFB703 100%);
  --achievement-title: #111827;
  --achievement-text: #233142;
  --game-mode-bg: rgba(255,255,255,0.98);
  --game-mode-border: #B8C8D0;
  --game-mode-shadow: 0 22px 56px rgba(35,47,62,0.16);
  --game-mode-cta-bg: linear-gradient(180deg, #FFD814 0%, #F7CA00 100%);
  --game-mode-cta-text: #111827;
}