[data-theme="dark"], :root {
  color-scheme: dark;
  --tv-accent: #00A8E8;
  --tv-accent-hover: #22D3EE;
  --tv-accent-rgb: 0, 168, 232;
  --tv-site-max: 1160px;
  --tv-accent-text: #ffffff;
  --tv-btn: #00A8E8;
  --tv-btn-hover: #22D3EE;
  --tv-font: 'Outfit', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --tv-bg: #040D14;
  --tv-bg-elevated: #081820;
  --tv-surface: #0C1F2E;
  --tv-surface-hover: #122A3D;
  --tv-border: rgba(0, 168, 232, 0.22);
  --tv-text: #E6F4FA;
  --tv-text-muted: #7EB8D4;
  --tv-text-soft: #4A8BA8;
  --tv-header-bg: rgba(4, 13, 20, 0.97);
  --tv-nav-hover: rgba(0, 168, 232, 0.16);
  --tv-shadow: 0 14px 44px rgba(0, 8, 18, 0.6);
  --tv-card-media-bg: linear-gradient(165deg, #0F2436 0%, #081520 55%, #040D14 100%);
  --tv-live-badge: #2DD4BF;
  --tv-input-bg: #0A1A28;
}

[data-theme="light"] {
  color-scheme: light;
  --tv-bg: #EEF6FA;
  --tv-bg-elevated: #FFFFFF;
  --tv-surface: #FFFFFF;
  --tv-surface-hover: #E0F2FA;
  --tv-border: rgba(0, 168, 232, 0.18);
  --tv-text: #0A1620;
  --tv-text-muted: #3D6478;
  --tv-text-soft: #5A8499;
  --tv-header-bg: rgba(238, 246, 250, 0.98);
  --tv-nav-hover: rgba(0, 168, 232, 0.1);
  --tv-shadow: 0 8px 28px rgba(10, 22, 32, 0.1);
  --tv-card-media-bg: linear-gradient(165deg, #FFFFFF 0%, #E8F4FA 100%);
  --tv-live-badge: #2DD4BF;
  --tv-input-bg: #ffffff;
}