/* Shared light/dark palette for all pages. theme.js sets data-theme on . */ :root,:root[data-theme="light"]{ color-scheme:light; --bg:#f7f6f2;--panel:#fff;--line:#d8d6cd;--line-strong:#b9b6aa; --ink:#222;--ink2:#444;--sub:#777;--muted:#666; --inset:#f1efe8;--ctrl:#fff;--ctrl-active:#e8e6de;--on-ink:#fff; --shadow:rgba(0,0,0,.06);--elim:#c62828; } :root[data-theme="dark"]{ color-scheme:dark; --bg:#12151a;--panel:#191d24;--line:#2a2f38;--line-strong:#454c58; --ink:#eef0f2;--ink2:#c4cad2;--sub:#9aa3af;--muted:#9aa3af; --inset:#0f1216;--ctrl:#1c2029;--ctrl-active:#262b35;--on-ink:#0f1216; --shadow:rgba(0,0,0,.35);--elim:#ef5350; } html,body{background:var(--bg);color:var(--ink);} .theme-bar{display:flex;justify-content:flex-end;margin:0 0 14px;min-height:30px;} .theme-toggle{display:inline-flex;gap:2px;padding:2px;background:var(--panel);border:1px solid var(--line);border-radius:8px;} .theme-toggle button{display:inline-flex;align-items:center;gap:5px;margin:0;padding:4px 10px;border:none;border-radius:6px; background:transparent;color:var(--sub);font:inherit;font-size:12px;font-weight:500;line-height:1.4;cursor:pointer;transform:none;} .theme-toggle button:hover{color:var(--ink);} .theme-toggle button[aria-checked="true"]{background:var(--inset);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);} .theme-toggle button:focus-visible{outline:2px solid var(--line-strong);outline-offset:1px;} .theme-toggle svg{width:14px;height:14px;flex:none;}