/* Day colors remain exactly as declared in style.css. These are new lighting parameters. */
:root,[data-theme="light"]{
  --scene-night:0; --scene-stars:0;
  --scene-light-x:-0.42; --scene-light-y:0.62;
  --scene-light-strength:1;
}
[data-theme="dark"]{
  color-scheme:dark;
  --paper:#182C40; --sand:#25394C; --ink:#E5EBEF; --ink-soft:#B8CAD9; --ink-faint:#91AABD;
  --accent:#8BB8D5; --rule:#3C5268; --btn:#C3DAE8; --btn-hover:#E0EAF0; --btn-text:#0F2638;
  --footer:#10273D; --footer-text:#C5D6E2; --footer-faint:#9CB7CA;
  --close-from:#10273D; --close-to:#1A354D; --wrap-from:#25394C; --wrap-to:#182C40; --wrap-shadow:rgba(3,14,28,.4);
  --sound-bg:rgba(18,39,59,.85); --sound-line:rgba(182,207,226,.22); --on-water:#D8E6EF;
  --scene-sky-top:#0D2038; --scene-sky-low:#1B3852; --scene-haze:#304B62; --scene-sun:#B9CEDD;
  --scene-sea:#214660; --scene-deep:#0B253D;
  --serif:"News",Georgia,serif; --sans:"Fig",system-ui,sans-serif;
  --scene-night:1; --scene-stars:0.18; --scene-clouds:0.45;
  --scene-light-x:-0.65; --scene-light-y:0.95; --scene-light-strength:0.10;
}
.theme-toggle{font:400 .9rem/1 var(--sans);color:var(--ink-soft);background:transparent;border:1px solid var(--sound-line);border-radius:999px;height:2.5rem;padding:0 .95rem;margin-left:.6rem;cursor:pointer;min-width:4.25rem;transition:color .4s,background .6s}
.theme-toggle:hover{color:var(--ink);background:var(--sound-bg)}
[data-theme="dark"] .eyebrow,[data-theme="dark"] .s-begin h2 em{color:var(--accent)}
[data-theme="dark"] .s-how svg{stroke:var(--accent)}
[data-theme="dark"] .s-how svg circle:first-child{fill:var(--accent)}
[data-theme="dark"] :focus-visible{outline-color:var(--accent)}
[data-theme="dark"] .water{background-image:url(fallback-night.jpg),linear-gradient(var(--scene-sky-top),var(--scene-sky-low) 58%,var(--scene-sea) 60%,var(--scene-deep))}
@media(max-width:760px){.theme-toggle{align-self:flex-start;height:2.75rem;margin:.45rem 0 0 .55rem;min-width:5rem}[data-theme="dark"].nogl .water{background-image:url(fallback-night-mobile.jpg);background-size:cover;background-position:center}}
/* Hold readable foreground polarity until the changing sky reaches its midpoint. */
[data-theme-text="dark"] .state h1,[data-theme-text="dark"] .state h2:not(.eyebrow),[data-theme-text="dark"] .state h3{color:#E5EBEF}
[data-theme-text="dark"] .state .line,[data-theme-text="dark"] .soon-tag,[data-theme-text="dark"] .state .body,[data-theme-text="dark"] .s-how li p,[data-theme-text="dark"] .nav .mark,[data-theme-text="dark"] .nav nav a:not([aria-current]){color:#B8CAD9}
[data-theme-text="light"] .state h1,[data-theme-text="light"] .state h2:not(.eyebrow),[data-theme-text="light"] .state h3{color:#0F2638}
[data-theme-text="light"] .state .line,[data-theme-text="light"] .soon-tag,[data-theme-text="light"] .state .body,[data-theme-text="light"] .s-how li p,[data-theme-text="light"] .nav .mark,[data-theme-text="light"] .nav nav a:not([aria-current]){color:#3B5162}
[data-theme="dark"].nogl[data-state="app"] .water{background-image:url(fallback-night-water-desktop.jpg)}
@media(max-width:760px){[data-theme="dark"].nogl[data-state="app"] .water{background-image:url(fallback-night-water-mobile.jpg)}}