/* A light canvas with color concentrated around actions and task organization. */
:root{--ink:#303043;--coral:#ff8e7b;--lilac:#eee5ff;--mint:#dff4e8;--sun:#fff0c6}
body{background:#fcfcfa;color:var(--ink)}
aside{background:#f7f6fb;border-color:#e9e5f0}
.logo span{color:#ed765f}
h1{color:#494061}
.primary{background:var(--coral);color:#3c2b31;border:1px solid #f17f6b}
.primary:hover{background:#ffad9e}
nav button{border:1px solid transparent}
nav button.active,nav button[data-filter].active{background:#ffded6;border-color:#f0a794;box-shadow:inset 3px 0 #e77d66}
nav button[data-new-tag]{background:#fff;border:1px dashed #c4b4df;color:#665084}
nav button[data-new-tag]:hover{background:#eee5ff}
#summary{background:#fff0e7;color:#83503e;padding:9px 14px;border-radius:20px;font-weight:600}
.row{border-left:4px solid #d4bef2;border-bottom-color:#e8e5ee;border-radius:0;padding-left:18px;margin-bottom:10px;background:#fff}
.row input[type=checkbox]{accent-color:#8c6bb1}
.row.complete{border-left-color:#9fd7b5;background:#f7fcf8}
.row.complete input[type=checkbox]{accent-color:#43825d}
.chip,.chip:nth-child(2n){background:#e8daf8;color:#513a70}
.chip.tag-work{background:#d9f1e3;color:#315e44}
.chip.tag-home{background:#fff0c6;color:#725520}
.icon{background:#eee5ff;border-color:#e1d5f3}
.icon:hover{background:#e0cef9}
.calendar{background:#dff4e8;border-color:#c7e5d4}
.calendar:hover{background:#ccebd9}
.danger{background:#ffe5df;border-color:#f2c5bb}
.danger:hover{background:#ffd3c8}
.tagchoices label:has(input:checked){background:#eee5ff;color:#513a70}
dialog{border-color:#ddd0ef;background:#fff;box-shadow:0 18px 60px #49406114}
#notice{background:#534361}
.empty{border-left:4px solid #ead9ab;padding-left:20px;background:#fffdf5}
@media(hover:hover){.row:hover{background:#fcf9ff}.row.complete:hover{background:#eff9f1}}
@media(max-width:700px){.row{padding-left:12px}.mobiletags button{border-width:1px}#summary{font-size:12px;margin:8px 0 12px}}