/* Warm charcoal, quiet blue, and paper-like text. Light remains available. */
:root{--paper:#1d1f1c;--ink:#e4dfd3;--muted:#aba99f;--blue:#91a6e7;--line:#3c4038;--surface:#272a24;color-scheme:dark}
html[data-theme=light]{--paper:#f5f4f0;--ink:#20211e;--muted:#73766e;--blue:#2454f4;--line:#d8dad2;--surface:#eeede7;color-scheme:light}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:8px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink)}
.theme-toggle svg{width:17px;height:17px;pointer-events:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle:hover{background:var(--surface);color:var(--blue)}
.theme-toggle .theme-moon,html[data-theme=light] .theme-toggle .theme-sun{display:none}
html[data-theme=light] .theme-toggle .theme-moon{display:block}
.topnav{gap:22px}
html:not([data-theme=light]) .feature-art{background:var(--surface)}
html:not([data-theme=light]) .art-corner{color:#b5b8a9}
html:not([data-theme=light]) .art-corner span{color:#a7b8ed}
html:not([data-theme=light]) .editorial-note{background:#282b24}
html:not([data-theme=light]) .save:hover{background:#30352c}
html:not([data-theme=light]) .save[aria-pressed=true]{background:#91a6e718}
html:not([data-theme=light]) .save[aria-pressed=true] svg{fill:#91a6e72b}
html:not([data-theme=light]) .button{background:#a6b7e6;color:#1b211f}
html:not([data-theme=light]) .button:hover{background:#bac8eb}
html:not([data-theme=light]) .toast{background:#d8d3c7;color:#20241d;box-shadow:0 6px 30px #0004}
html:not([data-theme=light]) .login-form input,html:not([data-theme=light]) .editor-form input,html:not([data-theme=light]) .editor-form textarea,html:not([data-theme=light]) .editor-form select{background:#252922;border-color:#51574a}
html:not([data-theme=light]) .notice{border-color:#91a6e74d;background:#91a6e70a}
html:not([data-theme=light]) .notice.error{color:#e0a496;border-color:#e0a49655;background:#e0a4960a}
html:not([data-theme=light]) .article-body{color:#d4d1c6}
html:not([data-theme=light]) ::selection{background:#788bb5;color:#151a16}
@media(max-width:760px){.topnav{gap:10px}.theme-toggle{width:34px;height:34px}.topbar{padding:12px 0}}
@media(max-width:370px){.topbar{row-gap:12px}.topnav{gap:9px}.theme-toggle{width:34px;height:34px}.topnav .languages{gap:8px;font-size:8px}}