/* Slate release: dark first; no green branding. Existing health records unchanged. */
:root,:root[data-theme=dark]{
 --bg:#0d1117;--paper:#161c26;--ink:#e7edf7;--muted:#9aa9be;
 --line:#2a3444;--green:#93b4ff;--tint:#212d42;--accent:#b6cdff;
 --shadow:0 5px 24px #00000018;--radius:18px;
 --solid:#547ce5;--solid-ink:#ffffff;--hero:#182338;--hero-text:#e7edf7;
 --surface-quiet:#121925;--surface-raised:#202a3a;--graph:#96b7ff;
 color:#e7edf7;background:#0d1117;color-scheme:dark;
}
:root[data-theme=light]{
 --bg:#f4f6fa;--paper:#ffffff;--ink:#202b3c;--muted:#5d6b80;
 --line:#dce2ec;--green:#395eac;--tint:#e8eefb;--accent:#c5d5fc;
 --shadow:0 5px 24px #17233807;--solid:#426bd1;--solid-ink:#ffffff;
 --hero:#202e46;--hero-text:#f0f4fb;--surface-quiet:#edf1f7;
 --surface-raised:#e3eaf6;--graph:#486fc1;
 color:#202b3c;background:#f4f6fa;color-scheme:light;
}
body,.welcome{background:var(--bg);color:var(--ink)}
.sidebar,.topbar,.bottom-nav,.welcome-panel{background:var(--paper)}
button:focus-visible,a:focus-visible{outline-color:#8cadf6}
input:focus,select:focus,textarea:focus{outline-color:#8cadf6}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}
:root .btn.primary{background:var(--solid);color:var(--solid-ink)}
:root .btn.secondary{background:var(--tint);color:var(--green)}
:root .hero,:root .welcome-art{background:var(--hero);color:var(--hero-text)}
:root .hero .eyebrow,:root .hero p,:root .hero-bottom,
:root .welcome-art p,:root .welcome-foot{color:#b3c2dc}
:root .hero .btn{background:#a8c3ff;color:#17253e}
:root .hero-art span{border-color:#849bc4}
:root .welcome-art .brandmark{background:#a8c3ff;color:#17253e}
:root .welcome-art .brand,:root .welcome-art .brand em{color:#e1eaff}
.brandmark{background:#273e69;color:#d3e1ff}
.brand em{color:var(--green)}
.avatar{background:var(--tint);color:var(--green)}
.nav-item{color:var(--muted)}
.nav-item.active,.nav-item:hover{background:var(--tint);color:var(--green)}
.private-card,.reference-note,.readonly-label{background:var(--surface-quiet)}
:root .tag.gray{background:var(--surface-raised);color:var(--muted)}
:root .tag.warm,:root .demo-bar,:root .notice.warn{
 background:#352c1d;color:#e6c68e;border-color:#58462d
}
:root[data-theme=light] .tag.warm,:root[data-theme=light] .demo-bar,
:root[data-theme=light] .notice.warn{background:#f7eddb;color:#805b25;border-color:#e8d6b6}
:root .segmented{background:var(--surface-quiet)}
:root .day-cell.trained{background:#5275bd;color:#ffffff}
:root .day-cell.rest{background:var(--tint);color:var(--green)}
:root .day-cell.activity{background:#323d59;color:#c4d7ff}
:root .day-cell.today{outline-color:#91b3f9}
:root .legend span:before{background:#6d96e8}
:root .legend span:nth-child(2):before{background:#8b99b3}
:root .legend span:nth-child(3):before{background:#46516a}
:root .check.done{background:var(--solid);color:#ffffff;border-color:var(--solid)}
:root .food-ring{border-color:var(--tint)}
:root .progress-track{background:var(--surface-raised)}
:root .progress-track i{background:#91aff0!important}
:root .macro .progress-track:nth-of-type(4) i{background:#a79acb!important}
:root .macro .progress-track:nth-of-type(6) i{background:#a6b2c4!important}
.chart{color:var(--graph)}
.chart linearGradient stop{stop-color:var(--graph)}
:root .exercise-media img{background:#dce2ec;border-color:var(--line)}
:root .upload{background:var(--surface-quiet);border-color:#556b91}
:root .upload input{background:var(--paper)}
:root .research-proposal{border-left-color:#8dabed}
:root .skip-link{background:var(--paper);color:var(--ink)}
:root #toast{background:#253752;color:#edf3ff}
:root .btn.danger{background:#3d242a;color:#ffb8b8}
:root[data-theme=light] .btn.danger{background:#fae8ea;color:#9d3542}
:root .error{color:#ffb4b4}
:root[data-theme=light] .error{color:#aa3443}
:root .empty .icon{color:var(--muted)}
:root .sticky-save{box-shadow:0 6px 30px #00000030}
:root .form-grid,.set-table{color:var(--ink)}
/* Muted, not green, visual placeholders while external reference images load. */
.photo-card img{background:var(--surface-quiet)}
@media(prefers-reduced-motion:no-preference){.card,.btn,.nav-item{transition:background-color .15s,border-color .15s}}
/* Match the old theme's attribute-selector specificity during migration. */
:root[data-theme=dark] .btn.primary{background:var(--solid);color:var(--solid-ink)}
:root[data-theme=dark] .hero .btn{background:#a8c3ff;color:#17253e}
:root[data-theme=dark] .tag.gray{background:var(--surface-raised);color:var(--muted)}
:root[data-theme=dark] .progress-track{background:var(--surface-raised)}
:root[data-theme=dark] .upload{background:var(--surface-quiet)}
:root[data-theme=dark] .btn.danger{background:#3d242a;color:#ffb8b8}
:root .privacy .dot{background:#8eacf0}