/* Device preference is the initial choice; theme.js applies an explicit override. */
:root{color-scheme:light}
:root[data-theme=dark]{color-scheme:dark;--paper:#122837;--ink:#e0edf4;--muted:#adc2d0;--deep:#b1cfe2;--line:#405d70;--hero:#203f55;--hero-ink:#dcecf6;--hero-line:#608198;--panel:#1b374a;--work:#0d2434;--work-ink:#edf4f7;--work-muted:#b5cbd8}
:root[data-theme=dark] .brand img,:root[data-theme=dark] .footer-wordmark img{filter:none;opacity:1}
:root[data-theme=dark] .theme-control .theme-moon{color:#dcecf6}
@media(prefers-color-scheme:dark){
 :root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--paper:#122837;--ink:#e0edf4;--muted:#adc2d0;--deep:#b1cfe2;--line:#405d70;--hero:#203f55;--hero-ink:#dcecf6;--hero-line:#608198;--panel:#1b374a;--work:#0d2434;--work-ink:#edf4f7;--work-muted:#b5cbd8}
 :root:not([data-theme=light]):not([data-theme=dark]) .brand img,:root:not([data-theme=light]):not([data-theme=dark]) .footer-wordmark img{filter:none;opacity:1}
}