/* Shared user appearance preference. Default follows device settings. */
:root[data-sp-theme="dark"]{color-scheme:dark;--sp-surface:#292d29;--sp-card:#373b34;--sp-text:#f0e3ce;--sp-border:#69604e;--sp-muted:#c5b8a5}
:root[data-sp-theme="light"]{color-scheme:light;--sp-surface:#f3e9d8;--sp-card:#fffaf1;--sp-text:#382f25;--sp-border:#d9c7ab;--sp-muted:#75695a}
@media(prefers-color-scheme:dark){:root:not([data-sp-theme="light"]){color-scheme:dark;--sp-surface:#292d29;--sp-card:#373b34;--sp-text:#f0e3ce;--sp-border:#69604e;--sp-muted:#c5b8a5}}
:root[data-sp-theme="dark"] body,:root[data-sp-theme="dark"] body:has(.admin-workspace){background:#292d29!important;background-image:none!important;color:#f0e3ce!important}
:root[data-sp-theme="dark"] .admin-workspace,:root[data-sp-theme="dark"] .admin-workspace>.admin-main,:root[data-sp-theme="dark"] .page-panel,:root[data-sp-theme="dark"] .section-shell{background:#292d29!important;color:#f0e3ce!important}
:root[data-sp-theme="dark"] .admin-main .sp-card,:root[data-sp-theme="dark"] #overview .sp-card,:root[data-sp-theme="dark"] #overview .sp-stat-card,:root[data-sp-theme="dark"] .dashboard-panel,:root[data-sp-theme="dark"] .sp-form-section{background:#373b34!important;color:#f0e3ce!important;border-color:#69604e!important}
:root[data-sp-theme="dark"] .admin-main h1,:root[data-sp-theme="dark"] .admin-main h2,:root[data-sp-theme="dark"] .admin-main h3,:root[data-sp-theme="dark"] .admin-main p,:root[data-sp-theme="dark"] #overview .sp-card *,:root[data-sp-theme="dark"] #overview .sp-stat-card *{color:#f0e3ce!important}
:root[data-sp-theme="dark"] .sp-form-section input,:root[data-sp-theme="dark"] .sp-form-section select,:root[data-sp-theme="dark"] .sp-form-section textarea{background:#272b28!important;color:#f0e3ce!important;border-color:#786d58!important}
.sp-appearance-choices{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.sp-appearance-option{display:flex;align-items:center;gap:8px;border:1px solid var(--sp-border,#d9c7ab);padding:12px 16px;border-radius:5px;cursor:pointer;background:var(--sp-card,#fffaf1);color:var(--sp-text,#382f25)}
.sp-appearance-option:has(input:checked){outline:2px solid var(--accent,#a47845)}
@media(prefers-color-scheme:dark){:root:not([data-sp-theme="light"]){background:#292d29}}