.tone-purple{--tag-soft:#eee5ff;--tag-edge:#b08bdf;--tag-ink:#513a70}
.tone-mint{--tag-soft:#dff4e8;--tag-edge:#80bf9a;--tag-ink:#315e44}
.tone-yellow{--tag-soft:#fff0c6;--tag-edge:#dfb657;--tag-ink:#725520}
.tone-coral{--tag-soft:#ffe0d8;--tag-edge:#e79480;--tag-ink:#803f32}
.tone-blue{--tag-soft:#e0edff;--tag-edge:#85ace0;--tag-ink:#345a89}
.tone-untagged{--tag-edge:#d93822}
.swipe-task[class*="tone-"]>.row{border-left-color:var(--tag-edge)}
.chip[class*="tone-"]{background:var(--tag-soft);color:var(--tag-ink)}
nav button[data-filter][class*="tone-"]{background:var(--tag-soft);border-color:var(--tag-edge);color:var(--tag-ink)}
nav button[data-filter][class*="tone-"].active{box-shadow:inset 3px 0 var(--tag-edge);border-color:var(--tag-ink)}
.tag-color-options{border:0;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.tag-color-options legend{font-weight:600;margin-bottom:12px}
.tag-color-options label{display:inline-flex;align-items:center;gap:7px;margin:0;padding:10px 14px;border:1px solid var(--tag-edge);border-radius:999px;background:var(--tag-soft);color:var(--tag-ink);cursor:pointer;transition:transform 180ms ease,box-shadow 180ms ease}
.tag-color-options input{margin:0;width:16px;height:16px;accent-color:var(--tag-ink)}
.tag-color-options label:has(input:checked){box-shadow:0 0 0 2px var(--tag-ink);transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.tag-color-options label{transition:none}.tag-color-options label:has(input:checked){transform:none}}
.tagchoices label[class*="tone-"]{background:var(--tag-soft);color:var(--tag-ink);border:1px solid transparent}
.tagchoices label[class*="tone-"]:has(input:checked){background:var(--tag-soft);color:var(--tag-ink);border-color:var(--tag-edge)}
.tagchoices label[class*="tone-"] input{accent-color:var(--tag-ink)}
.tone-multi{--tag-soft:#e0f3f3;--tag-edge:#378f97;--tag-ink:#245e65}
.tone-rose{--tag-soft:#ffe4ee;--tag-edge:#df8bac;--tag-ink:#893c5c}
.tone-orange{--tag-soft:#ffead4;--tag-edge:#e5a56b;--tag-ink:#874c1e}
.tone-lime{--tag-soft:#edf6d4;--tag-edge:#a8c65c;--tag-ink:#516823}
.tone-cyan{--tag-soft:#dff5ff;--tag-edge:#76bfdf;--tag-ink:#28627c}
.tone-slate{--tag-soft:#e9edf4;--tag-edge:#9aa9c0;--tag-ink:#46566f}
/* Compact tag indicators on tasks; navigation and editing retain names. */
.chip.tag-dot{display:inline-block;width:24px;height:24px;min-width:24px;padding:5px;border:0;border-radius:50%;background:var(--tag-edge);background-clip:content-box;position:relative;flex-shrink:0}
.tag-dot-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.chips:has(.tag-dot){align-items:center;gap:4px;min-height:24px}