/* Dark is the default; the saved light preference is applied before first paint. */
.footer-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px;font-size:10px;letter-spacing:.3px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--ink);font-size:11px;white-space:nowrap;gap:6px}
.theme-toggle:hover{background:var(--surface);border-color:var(--muted)}
html[data-theme=light]{color-scheme:light;--paper:#f5f5f0;--ink:#202a31;--muted:#596873;--line:#d3dadb;--accent:#80612e;--surface:#e9edeb;--reading-paper:#f5f5f0}
html[data-theme=light] body{--paper:#f5f5f0;--ink:#202a31;--muted:#596873;--line:#d3dadb;--accent:#80612e;--surface:#e9edeb;background:var(--paper);color:var(--ink);color-scheme:light}
html[data-theme=light] .site-header a:hover,html[data-theme=light] footer a:hover{color:var(--accent)}
html[data-theme=light] .home-editorial .site-header a:hover{color:white}
html[data-theme=light] .story .story-img:after{background:#f5f5f0ed;color:var(--ink);border-color:var(--line)}
html[data-theme=light] .about-layout p a:hover{color:#624819}
html[data-theme=light] .collection-view button[aria-pressed=true],html[data-theme=light] .view-toggle button[aria-pressed=true]{color:white}
html[data-theme=light] button:focus-visible,html[data-theme=light] a:focus-visible{outline-color:#80612e}
html[data-theme=light] .has-menu.nav-open nav{background:#f5f5f0fa;color:#202a31;border-color:#d3dadb;box-shadow:0 16px 30px #0002}
html[data-theme=light] .has-menu.nav-open nav a:hover{color:#80612e}
/* Photo viewers and the map retain their immersive dark canvas in either theme. */
html[data-theme=light] dialog{--ink:#edf2ef;--muted:#a1afb8;--paper:#080e15;--line:#2b3944;--accent:#dfc28a;color:#edf2ef}
html[data-theme=light] .atlas-immersive .map-layout{--ink:#edf2ef;--muted:#93a2ab;--paper:#0b121a;--line:#26333e;--accent:#dfc28a;color:#edf2ef}
html[data-theme=light] .atlas-immersive .atlas-toolbar{--ink:#edf2ef;--muted:#93a2ab;--line:#26333e;--accent:#dfc28a;color:#edf2ef}
@media(max-width:650px){.footer-controls{gap:10px;flex-wrap:wrap}.theme-toggle{font-size:11px}footer{gap:16px}}