/* Theme additions are scoped to the public landing. Its original dark styles stay intact. */
.landing-theme-toggle{flex:none;display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#101a25;color:#f7f9fc;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.landing-theme-toggle:hover{transform:translateY(-2px);border-color:var(--accent)}
.landing-theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

html[data-theme="light"]{--bg:#f5f8fc;--bg-soft:#edf3f9;--panel:#fff;--panel-2:#f3f7fc;--text:#132033;--muted:#506176;--line:rgba(24,47,74,.14);--accent:#18823a;--shadow:0 22px 60px rgba(38,65,98,.12);color-scheme:light}
html[data-theme="light"] body::before{mix-blend-mode:normal;background:radial-gradient(560px circle at var(--mx) var(--my),rgba(47,141,255,.055),transparent 58%)}
html[data-theme="light"] header{background:rgba(255,255,255,.88)}
html[data-theme="light"] .brand-mark{border-right-color:rgba(20,47,75,.24);border-bottom-color:rgba(20,47,75,.24)}
html[data-theme="light"] .nav-links{color:#34465d}
html[data-theme="light"] .nav-cta,html[data-theme="light"] .btn-primary{color:#fff}
html[data-theme="light"] .landing-theme-toggle{background:#fff;border-color:#b8c8d9;color:#17263c}
html[data-theme="light"] .landing-language select{background:#fff;color:#17263c;border-color:#b8c8d9}
html[data-theme="light"] .eyebrow{color:#1d526b}
html[data-theme="light"] .ticker{background:#eaf1f9}
html[data-theme="light"] .ticker-group{color:#52657c}
html[data-theme="light"] .ticker-group b{color:#1d3048}
html[data-theme="light"] .stats{background:linear-gradient(180deg,#edf3fa,#f5f8fc)}
html[data-theme="light"] .glass-card{background:linear-gradient(145deg,#fff,#f2f7fc);box-shadow:0 16px 48px rgba(38,65,98,.08)}
html[data-theme="light"] .glass-card:hover{background:linear-gradient(145deg,#fff,#eaf4ff)}
html[data-theme="light"] .sports-section{background:linear-gradient(180deg,#f5f8fc,#ecf3fb 48%,#f5f8fc)}
html[data-theme="light"] .feature-icon{color:#185ea7}
html[data-theme="light"] footer{background:#eaf1f9}
html[data-theme="light"] .footer-links{color:#4c5e74}
html[data-theme="light"] .footer-links a:hover{color:#132033}
html[data-theme="light"] .copyright{color:#57697e}

/* Cinematic image cards, phone previews and callouts keep their own dark canvas. */
html[data-theme="light"] .hero,html[data-theme="light"] .sport,html[data-theme="light"] .phone,html[data-theme="light"] .phone-showcase,html[data-theme="light"] .live-watch-shell,html[data-theme="light"] .showcase-card,html[data-theme="light"] .cta-shell,html[data-theme="light"] .demo-dialog{--text:#f7f9fc;--muted:#a6b0c0;--accent:#6ee746;color:#f7f9fc}
html[data-theme="light"] .hero .eyebrow,html[data-theme="light"] .demo-dialog .eyebrow{color:#cce1ff}
html[data-theme="light"] .hero .btn-primary,html[data-theme="light"] .live-watch-shell .btn-primary,html[data-theme="light"] .cta-shell .btn-primary,html[data-theme="light"] .demo-dialog .btn-primary{color:#071008}
html[data-theme="light"] .demo-dialog .btn-secondary,html[data-theme="light"] .live-watch-shell .btn-secondary,html[data-theme="light"] .hero .btn-secondary{color:#fff}

/* The language control is injected later by the existing language script. */
@media(max-width:520px){
  .nav:has(.landing-theme-toggle){height:auto;min-height:66px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding-block:10px}
  .nav:has(.landing-theme-toggle) .brand{grid-column:1;grid-row:1}
  .nav:has(.landing-theme-toggle) .nav-cta{grid-column:3;grid-row:1}
  .nav:has(.landing-theme-toggle) .landing-language{grid-column:2;grid-row:2;margin:0}
  .nav:has(.landing-theme-toggle) .landing-theme-toggle{grid-column:3;grid-row:2;justify-self:end}
}