/* Follow the system appearance live, without JavaScript or a stored override.
   Brand ink/paper remain fixed on lime accents and photographic chapters. */
:root{color-scheme:light;--page-bg:#f6f7f0;--page-text:#171b16;--page-muted:#62695b;--page-line:#d5d9cc;--focus-ring:#526b20}
body{background:var(--page-bg);color:var(--page-text)}
header{background:var(--page-bg);border-bottom-color:var(--page-line)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--focus-ring)}
.skip,.button,.manifesto{color:#171b16}
.button.dark{color:#f6f7f0}
.credits-page{background:var(--page-bg);color:var(--page-text)}
@media(prefers-color-scheme:dark){
  :root{color-scheme:dark;--page-bg:#171b16;--page-text:#f6f7f0;--page-muted:#b7c0ac;--page-line:#414b39;--focus-ring:#d4fa45}
  header .logo .gymate-logo{background-image:url("assets/branding/logo-dark-vector.svg")}
  .intro h2 span{color:#a8b39e}
  .intro-bottom p,.section-heading>p,.questions details p{color:var(--page-muted)}
  .story{background:#22291f}
  .story-copy>span,.story-copy p,.screen-caption{color:var(--page-muted)}
  .story-tabs button{color:var(--page-muted);border-color:#65715a}
  .story-tabs button[aria-selected=true]{color:#d4fa45;border-color:#d4fa45}
  .orbit{border-color:#46513b}
  .stage-word{color:#39462f}
  .phone{border-color:#4a5541;background:#171b16;box-shadow:12px 30px 40px #0005}
  .phone-speaker{background:#171b16}
  .phone-home{background:#f6f7f0}
  .questions details{border-color:var(--page-line)}
  footer{background:#10140f;color:#f6f7f0}
  footer>p,.footer-bottom{color:var(--page-muted)}
  .footer-bottom{border-top-color:var(--page-line)}
  /* Keep dark lettering and focus rings legible on the citron panel. */
  .manifesto{background:#d4fa45;color:#171b16}
  .manifesto a:focus-visible,.skip:focus-visible{outline-color:#526b20}
}
@media(prefers-color-scheme:dark){
  .site-footer{background:#10140f;color:#f6f7f0}
  .footer-intro,.footer-base{border-color:var(--page-line)}
  .legal-notice{background:#293122;border-left-color:#d4fa45}
  .legal-meta{color:var(--page-muted)}
}