/* Manual appearance control, using the deployed homepage's exact palette. */
:root[data-site-theme="light"]{--bg:#f6f5f3;--surface:#fdfcfa;--surface-2:#edebe7;--text:#1a1a18;--muted:#6b6862;--border:#e0ddd8;--accent:#c2410c;--accent-ink:#fdf8f4}
:root[data-site-theme="dark"]{--bg:#0d0c0b;--surface:#191816;--surface-2:#141312;--text:#f6f5f3;--muted:#a3a09a;--border:#2a2825;--accent:#fb923c;--accent-ink:#14120f}
[data-site-theme-slot]{display:inline-flex}
.site-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:6px 10px;font:inherit;font-size:12px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}
.site-theme-toggle svg{width:17px;height:17px}
.site-theme-toggle:hover{border-color:var(--muted)}
.site-theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:640px){.site-theme-toggle span{display:none}.site-theme-toggle{padding:6px}}