/* Semantic roles retain the graphite/mint identity across both appearances. */
:root[data-theme="light"]{
 color-scheme:light;
 --canvas:#f5f7f6;--sidebar:#edf1ef;--surface:#ffffff;--raised:#e6ece9;--hover:#dbe5df;
 --line:#a5b3ab;--text:#19251f;--muted:#526159;--accent:#19634d;--accent-ink:#ffffff;
 --accent-soft:#dceee5;--lavender:#665383;--blue:#3f5e82;--amber:#795719;
 --danger:#a42d29;--focus:#19634d;--danger-surface:#fbe7e4;
 --symbol-surface:#e0e9f3;--symbol-lavender:#e9e3f1;--symbol-amber:#f4e9d2;
 --active-muted:#385c4d;--accent-hover:#124d3b;
}
:root{--danger-surface:#492e2e;--symbol-surface:#23303f;--symbol-lavender:#302b3e;--symbol-amber:#393125;--active-muted:#c2d9d1;--accent-hover:#bdecde}
.button.danger,.server-error{background:var(--danger-surface)}
.note-symbol{background:var(--symbol-surface)}
.note-symbol.lavender{background:var(--symbol-lavender)}
.note-symbol.amber{background:var(--symbol-amber)}
.mode-choice[aria-pressed="true"] small{color:var(--active-muted)}
.setting-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-block:10px;border-bottom:1px solid var(--line)}
.setting-card .consent{margin:0;flex:1;min-width:0;min-height:44px;align-items:center}
.setting-card .inline-actions{flex-wrap:nowrap;gap:0}
.setting-card [data-step="-1"] svg{transform:rotate(90deg)}
.setting-card [data-step="1"] svg{transform:rotate(90deg)}
@media(hover:hover) and (pointer:fine){.button.primary:hover{background:var(--accent-hover)}}
:root[data-motion="reduce"] *, :root[data-motion="reduce"] *::before, :root[data-motion="reduce"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}