﻿/* 0.9: site appearance, independent of a book's reading color */
:root{color-scheme:light;--panel:#e9eddf;--control:#fff;--accent:#244c40}
:root[data-site-theme=dark]{color-scheme:dark;--bg:#131c19;--ink:#e3ebe6;--muted:#aebdb4;--card:#1d2a24;--line:#3b4c42;--panel:#25382d;--control:#19271f;--accent:#38664e}
.site-theme-picker{font-size:12px;display:flex;align-items:center;gap:8px;white-space:nowrap}.site-theme-picker select{font-size:13px;min-height:44px}.site-theme-status{font-size:12px;max-width:1280px;margin:6px auto 0;padding:0 40px}.appearance-settings{background:var(--card);border:1px solid var(--line);padding:24px;border-radius:14px;margin:24px 0}.appearance-settings label{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.appearance-settings p{font-size:13px}
:root[data-site-theme=dark] input,:root[data-site-theme=dark] select,:root[data-site-theme=dark] textarea{background:var(--control);color:var(--ink);border-color:var(--line)}
:root[data-site-theme=dark] input::placeholder,:root[data-site-theme=dark] textarea::placeholder{color:#9eafa4;opacity:1}
:root[data-site-theme=dark] .account-box,:root[data-site-theme=dark] .book-editor,:root[data-site-theme=dark] .admin-section,:root[data-site-theme=dark] .admin-stats article{background:var(--card)}
:root[data-site-theme=dark] .toolbar,:root[data-site-theme=dark] .callout,:root[data-site-theme=dark] .profile-summary,:root[data-site-theme=dark] .collection-manager,:root[data-site-theme=dark] .hero-art{background:var(--panel)}
:root[data-site-theme=dark] .reader-settings>summary,:root[data-site-theme=dark] #annotation-form{background:var(--control);color:var(--ink)}
:root[data-site-theme=dark] .paper{background:#27392f;box-shadow:14px 18px 0 #3e5647}.paper p{color:var(--muted)}
:root[data-site-theme=dark] .paper span,:root[data-site-theme=dark] .paper small,:root[data-site-theme=dark] .eyebrow{color:#b5c99e}
:root[data-site-theme=dark] .lines{background:repeating-linear-gradient(transparent 0 13px,#45594a 14px 15px)}
:root[data-site-theme=dark] button,:root[data-site-theme=dark] .button{background:var(--accent);color:#f4f8f5}
:root[data-site-theme=dark] button:hover,:root[data-site-theme=dark] .button:hover{background:#487b5e}
:root[data-site-theme=dark] .secondary{background:#344c3e;color:#e3ebe6}
:root[data-site-theme=dark] .delete{background:transparent;color:#e1b79b}
:root[data-site-theme=dark] .chapter-button{background:transparent;color:var(--ink)}
:root[data-site-theme=dark] .chapter-button:hover{background:var(--panel)}
:root[data-site-theme=dark] #annotation-count{background:var(--panel)}
:root[data-site-theme=dark] .reading-progress progress,:root[data-site-theme=dark] .profile-summary progress{accent-color:#92bf9a}
:root[data-site-theme=dark] button:focus-visible,:root[data-site-theme=dark] a:focus-visible,:root[data-site-theme=dark] summary:focus-visible,:root[data-site-theme=dark] input:focus-visible,:root[data-site-theme=dark] select:focus-visible,:root[data-site-theme=dark] textarea:focus-visible{outline-color:#edc780}
@media(max-width:760px){.site-theme-picker{width:100%;justify-content:flex-start}.site-theme-status{padding:0 15px}.appearance-settings{padding:18px}.appearance-settings select{flex:1}}
