/* 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; --scene-foam:#A8BDCA;
  /* The screen retains the approved app colors and warm orange. */
  --app-bg:#14191E; --app-panel:#1B2228; --app-inner:#10151A; --app-line:#2A333B; --app-edge:#3A444D;
  --app-text:#DDE2E6; --app-bright:#F2F5F7; --app-dim:#8B959E; --app-faint:#5E6870; --app-log:#C5CCD2;
  --app-key:#E6A96B; --app-ok:#7FC79A; --app-send:#E38A3E; --app-tab:#262E35; --app-light:#3A434B;
  --app-dot-manager:#6FCF8F; --app-dot-builder:#5AA6E8; --app-dot-tester:#A586E0; --app-dot-reviewer:#4FC6D6; --app-dot-docs:#E8C35A;
  --serif:"News",Georgia,serif; --sans:"Fig",system-ui,sans-serif;
  --scene-night:1; --scene-stars:0.18;
  --scene-light-x:-0.65; --scene-light-y:0.95; --scene-light-strength:0.10;
}
.theme-toggle{font:400 .85rem/1 var(--sans);color:var(--ink-soft);background:var(--sound-bg);border:1px solid var(--sound-line);border-radius:999px;padding:.5rem .75rem;cursor:pointer;min-width:58px}
[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{position:absolute;right:1.25rem;top:4rem;font-size:.75rem;padding:.4rem .6rem;min-width:48px}.nav nav{padding-right:48px}[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"] .state .body,[data-theme-text="dark"] .s-how li p,[data-theme-text="dark"] .nav .mark,[data-theme-text="dark"] .nav-cta,[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"] .state .body,[data-theme-text="light"] .s-how li p,[data-theme-text="light"] .nav .mark,[data-theme-text="light"] .nav-cta,[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)}}