:root { color-scheme:light; --page-bg:#f0eee6; --page-ink:#262522; --page-muted:#66645e; --page-border:#d7d4cb; --page-panel:#e8e6dd; --page-link:#262522; }
html[data-theme="dark"] { color-scheme:dark; --page-bg:#242320; --page-ink:#eeece4; --page-muted:#b8b5ab; --page-border:#4c4a43; --page-panel:#302f2a; --page-link:#eeece4; }
@media(prefers-color-scheme:dark) { html:not([data-theme="light"]) { color-scheme:dark; --page-bg:#242320; --page-ink:#eeece4; --page-muted:#b8b5ab; --page-border:#4c4a43; --page-panel:#302f2a; --page-link:#eeece4; } }
.theme-toggle { display:none; align-items:center; justify-content:center; width:44px; height:44px; padding:0; flex:0 0 44px; color:var(--page-ink); background:transparent; border:0; cursor:pointer; }
.js .theme-toggle { display:inline-flex; }
.theme-track { width:38px; height:20px; border:1px solid currentColor; border-radius:20px; position:relative; }
.theme-track::after { content:""; position:absolute; top:2px; left:2px; width:14px; height:14px; border-radius:50%; background:currentColor; }
.theme-toggle[aria-checked="true"] .theme-track::after { transform:translateX(18px); }
.theme-toggle:focus-visible { outline:2px solid var(--page-ink); outline-offset:3px; }
@media print {
  html:root { color-scheme:light; --page-bg:#fff; --page-ink:#000; --page-muted:#444; --page-border:#ccc; --page-panel:#f5f5f5; --page-link:#000; }
  .theme-toggle { display:none!important; }
}