/* NEON DISTRICT — sunrise mode.
   Loaded AFTER neon-district.css. Dark mode is intentionally unaffected.
   The procedural skyline switches palettes in city-background.js. */

html[data-theme="light"]{
  --day-ink:#12313d;
  --day-sub:#456775;
  --day-teal:#058e83;
}

/* Unlike the former bright local spotlight, this uses full-scene daylight. */
html[data-theme="light"] .hero-stage{
  background:#d7eaf3!important;
  color:var(--day-ink)!important;
  border-bottom:1px solid rgba(51,112,131,.18)!important;
}
html[data-theme="light"] .hero-stage .city-canvas{
  opacity:1!important;
  filter:saturate(1.06) contrast(1.025)!important;
}
html[data-theme="light"] .hero-stage:before{
  background:
    linear-gradient(90deg,
      rgba(229,244,251,.65) 0%,
      rgba(227,243,250,.43) 21%,
      rgba(225,241,250,.13) 44%,
      rgba(226,242,249,.04) 78%,
      rgba(222,238,247,.06) 100%
    ),
    linear-gradient(0deg,rgba(157,194,210,.15),transparent 31%)!important;
}
html[data-theme="light"] .hero-stage:after{
  opacity:1!important;
  background:
    radial-gradient(ellipse at 72% 13%,rgba(255,237,191,.21),transparent 43%),
    linear-gradient(180deg,rgba(243,250,255,.13),transparent 40%)!important;
  animation:none!important;
}
html[data-theme="light"] .city-vignette{
  background:
    linear-gradient(90deg,rgba(241,250,254,.12),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.07),transparent 37%,rgba(130,173,192,.05))!important;
  opacity:1!important;
}
html[data-theme="light"] .city-vignette:after{
  display:none!important; /* remove broad moving spotlight */
}
html[data-theme="light"] .hero-stage .hero-copy:before{
  display:none!important; /* former white radial patch was the principal defect */
  background:none!important;
  filter:none!important;
}

/* Light navigation: switch the glass material and lettering together. */
html[data-theme="light"] .site-header{
  background:rgba(243,249,251,.90)!important;
  border-bottom:1px solid rgba(48,108,127,.19)!important;
  box-shadow:0 6px 25px rgba(53,105,123,.08)!important;
}
html[data-theme="light"] .site-header .identity,
html[data-theme="light"] .site-header .identity-copy b,
html[data-theme="light"] .site-header .monogram,
html[data-theme="light"] .site-header .site-nav a,
html[data-theme="light"] .site-header .theme-toggle{
  color:#183640!important;
}
html[data-theme="light"] .site-header .identity-copy small{color:#51717c!important}
html[data-theme="light"] .site-header .site-nav a:hover{color:#047e76!important}
html[data-theme="light"] .site-header .monogram span{color:#039a8b!important}
html[data-theme="light"] .site-header .availability{
  color:#146354!important;
  background:rgba(212,248,231,.75)!important;
  border:1px solid rgba(65,170,132,.28)!important;
}
html[data-theme="light"] .site-header .availability i{
  background:#27b779!important;
  box-shadow:0 0 7px rgba(41,173,107,.24)!important;
}
html[data-theme="light"] .site-header .theme-toggle{
  color:#173d44!important;
  background:rgba(255,255,255,.75)!important;
  border:1px solid rgba(43,113,130,.23)!important;
}

/* Main copy and first-fold CTAs */
html[data-theme="light"] .hero-stage .hero-name,
html[data-theme="light"] .hero-stage .hero-name span,
html[data-theme="light"] .hero-stage .hero h1{
  color:#112f3a!important;
  text-shadow:none!important;
}
html[data-theme="light"] .hero-stage .hero-name sup{color:#087f7a!important}
html[data-theme="light"] .hero-stage .hero h1 span{
  color:#058d83!important;
  text-shadow:none!important;
}
html[data-theme="light"] .hero-stage .hero-intro{
  color:#355665!important;
  text-shadow:none!important;
}
html[data-theme="light"] .hero-stage .hero-intro strong{color:#153844!important}
html[data-theme="light"] .hero-stage .eyebrow{
  background:rgba(247,253,255,.78)!important;
  border:1px solid rgba(40,127,126,.26)!important;
  color:#146460!important;
  box-shadow:0 3px 16px rgba(65,132,150,.06);
}
html[data-theme="light"] .hero-stage .button-primary{
  background:linear-gradient(135deg,#127d73,#069f89)!important;
  border:1px solid #0a8074!important;
  color:#f9fffc!important;
  box-shadow:0 10px 24px rgba(15,114,110,.17)!important;
}
html[data-theme="light"] .hero-stage .button-primary:hover{
  box-shadow:0 15px 30px rgba(15,114,110,.25)!important;
}
html[data-theme="light"] .hero-stage .button-text{
  background:rgba(250,254,255,.84)!important;
  border:1px solid rgba(43,110,126,.22)!important;
  color:#234a55!important;
}
html[data-theme="light"] .hero-stage .button-text:hover{
  background:#fff!important;
  border-color:rgba(3,145,125,.55)!important;
}
html[data-theme="light"] .hero-tech>span{color:#426a72!important}
html[data-theme="light"] .hero-tech b{
  color:#315862!important;
  border-color:rgba(38,123,138,.17)!important;
  background:rgba(252,255,255,.68)!important;
}
html[data-theme="light"] .hero-stage .city-hud,
html[data-theme="light"] .hero-stage .city-horizon-label{
  color:#23596a!important;
  opacity:.70!important;
}

/* Light glass console: frosted sky glass, not a charcoal box in a morning city. */
html[data-theme="light"] .neon-console{
  background:linear-gradient(145deg,rgba(254,255,255,.91),rgba(230,245,250,.86))!important;
  border:1px solid rgba(56,135,147,.27)!important;
  box-shadow:
    0 32px 70px rgba(38,89,105,.17),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
  color:#163744!important;
}
html[data-theme="light"] .neon-console:hover{
  box-shadow:0 39px 70px rgba(38,89,105,.22),inset 0 1px 0 #fff!important;
}
html[data-theme="light"] .console-heading,
html[data-theme="light"] .console-bottom{
  color:#4c7280!important;
  border-color:rgba(62,129,145,.16)!important;
}
html[data-theme="light"] .console-heading b,
html[data-theme="light"] .console-bottom span:first-child{color:#087b66!important}
html[data-theme="light"] .console-heading b i,
html[data-theme="light"] .console-bottom .blink{
  background:#18b580!important;
  box-shadow:0 0 8px rgba(45,177,120,.20)!important;
}
html[data-theme="light"] .console-leds i:nth-child(1){background:#28b9a7!important}
html[data-theme="light"] .console-leds i:nth-child(2){background:#9390d8!important}
html[data-theme="light"] .console-leds i:nth-child(3){background:#8caab2!important}
html[data-theme="light"] .console-main:before{
  background-image:
    linear-gradient(rgba(40,124,137,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(40,124,137,.045) 1px,transparent 1px)!important;
  opacity:.65!important;
}
html[data-theme="light"] .console-overline,
html[data-theme="light"] .console-stats small,
html[data-theme="light"] .console-bottom span:last-child{
  color:#507683!important;
}
html[data-theme="light"] .console-title,
html[data-theme="light"] .console-stats strong{
  color:#163744!important;
}
html[data-theme="light"] .console-title em{color:#078d80!important}
html[data-theme="light"] .console-main>p,
html[data-theme="light"] .console-stats span{
  color:#4c6d79!important;
}
html[data-theme="light"] .console-cta{color:#087d73!important;border-bottom-color:#218d8490!important}
html[data-theme="light"] .console-art:before,
html[data-theme="light"] .console-art:after{border-color:rgba(47,133,133,.23)!important}
html[data-theme="light"] .console-reticle{
  background:radial-gradient(circle,rgba(204,241,238,.70),rgba(238,251,251,.22))!important;
  border:1px solid rgba(36,153,135,.36)!important;
  box-shadow:0 0 30px rgba(40,159,152,.10)!important;
}
html[data-theme="light"] .console-reticle-core{
  background:rgba(248,255,252,.70)!important;
  border:1px solid rgba(17,126,120,.34)!important;
  color:#173e47!important;
  box-shadow:0 0 16px rgba(31,150,127,.08)!important;
}
html[data-theme="light"] .console-reticle-core span{color:#078c7d!important}
html[data-theme="light"] .console-satellite{
  background:rgba(255,255,255,.92)!important;
  color:#087a78!important;
  border:1px solid rgba(41,143,142,.26)!important;
  box-shadow:0 6px 16px rgba(63,127,140,.10)!important;
}
html[data-theme="light"] .console-satellite b{color:#274b57!important}
html[data-theme="light"] .console-stats{border-top-color:rgba(60,126,144,.17)!important}
html[data-theme="light"] .console-stats>div{border-right-color:rgba(60,126,144,.17)!important}
html[data-theme="light"] .console-bottom{border-top-color:rgba(60,126,144,.17)!important}

/* Keep legibility across small screens and respect user's motion preference. */
@media(max-width:620px){
  html[data-theme="light"] .hero-stage:before{
    background:linear-gradient(90deg,rgba(230,245,251,.57),rgba(230,245,251,.15))!important;
  }
  html[data-theme="light"] .neon-console{box-shadow:0 16px 34px rgba(38,89,105,.13)!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-theme="light"] .hero-stage:after{animation:none!important}
}