[data-theme="multimeter"] {
  --cream:     #b4bcaa;
  --card:      #ece6d8;
  --card-done: #d8d4c8;
  --ink:       #282420;
  --muted:     #7a8070;
  --coral:     #c88898;
  --teal:      #6aa8cc;
  --orange:    #ccc460;
  --blue:      #6aa8cc;
}

/* ── square corners ───────────────────────────────────────────────── */
[data-theme="multimeter"] li,
[data-theme="multimeter"] form#todo-form,
[data-theme="multimeter"] .add-btn,
[data-theme="multimeter"] button[type="submit"],
[data-theme="multimeter"] .check,
[data-theme="multimeter"] #settings-menu,
[data-theme="multimeter"] #due-picker,
[data-theme="multimeter"] .status,
[data-theme="multimeter"] .done-header { border-radius: 0 !important; }

/* ── h1 — dark measurement row, pink title text like mA labels ─────── */
[data-theme="multimeter"] h1 {
  background: #282420;
  color: #c88898;
  padding: 7px 12px;
  margin-bottom: 20px;
}

[data-theme="multimeter"] #ghost-btn img { filter: invert(1) opacity(0.6); }
[data-theme="multimeter"] #pull-indicator img { filter: none; }

/* ── cards — warm cream, thin border ─────────────────────────────── */
[data-theme="multimeter"] li {
  border: 1px solid #c0b89e;
  box-shadow: none;
  background: var(--card);
}

[data-theme="multimeter"] li.done {
  background: var(--card-done);
  border-color: #c0bcb0;
}

[data-theme="multimeter"] li.done .todo-text { color: #9a9888; }

/* ── form ─────────────────────────────────────────────────────────── */
[data-theme="multimeter"] form#todo-form {
  background: #e8e2d4;
  border: 1px solid #7a8070;
  box-shadow: none;
}

[data-theme="multimeter"] .auth-field {
  background: #e8e2d4;
  border: 1px solid #c0b89e;
}

/* ── checkbox ─────────────────────────────────────────────────────── */
[data-theme="multimeter"] .check {
  background: #f0ece0;
  border: 1px solid #c0b89e;
}

[data-theme="multimeter"] li.done .check {
  background: #6aa8cc;
  border-color: #6aa8cc;
}

[data-theme="multimeter"] li.done .check::after { border-color: #fff; }

/* ── done header ──────────────────────────────────────────────────── */
[data-theme="multimeter"] .done-header {
  background: #c8c4b4;
  border: 1px solid #b0a890;
  color: #5a5a4a;
  box-shadow: none;
}

[data-theme="multimeter"] .done-header:hover { background: #c0bca8; }
[data-theme="multimeter"] .done-count { color: #7a7a6a; }
[data-theme="multimeter"] .clear-done-btn { color: #7a7a6a; }
[data-theme="multimeter"] .clear-done-btn:hover { color: #c88898; }

/* ── buttons — A-pink (NEW) / Ω-blue (ADD) ───────────────────────── */
[data-theme="multimeter"] .add-btn {
  background: #d09aa8;
  color: #2a1418;
  border: none;
  box-shadow: none;
}
[data-theme="multimeter"] .add-btn:hover { background: #c08898; }

[data-theme="multimeter"] button[type="submit"] {
  background: #6aa8cc;
  color: #fff;
  border: none;
  box-shadow: none;
}
[data-theme="multimeter"] button[type="submit"]:hover { background: #5090b8; }

/* ── status ───────────────────────────────────────────────────────── */
[data-theme="multimeter"] .status { border: 1px solid #c0b89e; box-shadow: none; }
[data-theme="multimeter"] .status.loading { background: #d8d4c8; color: #9a9888; }
[data-theme="multimeter"] .status.saving  { background: #e8e4a0; color: #5a5010; }
[data-theme="multimeter"] .status.saved   { background: #6aa8cc; color: #fff;    }
[data-theme="multimeter"] .status.error   { background: #c88898; color: #fff;    }
[data-theme="multimeter"] .status.offline { background: #c8c4b4; color: #5a5a4a; }

/* ── pickers / menu ───────────────────────────────────────────────── */
[data-theme="multimeter"] #due-picker,
[data-theme="multimeter"] #color-picker,
[data-theme="multimeter"] #settings-menu {
  background: #ece6d8;
  border: 1px solid #c0b89e;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

[data-theme="multimeter"] .settings-item:hover { background: #d8d4c8; }
[data-theme="multimeter"] .settings-icon { color: #7a8070; }
[data-theme="multimeter"] .settings-divider { background: #c8c0a8; }
[data-theme="multimeter"] .settings-credit { color: #b0a888; }

[data-theme="multimeter"] #due-picker input[type="date"] {
  background: #f0ece0;
  color: #282420;
  border-color: #c0b89e;
}

/* ── due dates ────────────────────────────────────────────────────── */
[data-theme="multimeter"] .add-due { color: #b0a888; }
[data-theme="multimeter"] .add-due:hover { color: #282420; }
[data-theme="multimeter"] .due-label { color: #6aa8cc; font-weight: 700; }
[data-theme="multimeter"] .due-label.overdue { color: #c88898; }

/* ── color dots — device palette: A-pink, Ω-blue, V-yellow ─────── */
[data-theme="multimeter"] .color-btn { display: flex; }

[data-theme="multimeter"] .color-swatch[data-color="red"]    { background: #c88898 !important; }
[data-theme="multimeter"] .color-swatch[data-color="teal"]   { background: #6aa8cc !important; }
[data-theme="multimeter"] .color-swatch[data-color="orange"] { background: #ccc460 !important; }
[data-theme="multimeter"] .color-swatch[data-color="blue"]   { background: #4878a8 !important; }
[data-theme="multimeter"] .color-swatch[data-color="green"]  { background: #7a9878 !important; }

/* colored left border — measurement range strip */
[data-theme="multimeter"] li[data-color]         { border-left-width: 4px; }
[data-theme="multimeter"] li[data-color="red"]   { border-left-color: #c88898; }
[data-theme="multimeter"] li[data-color="teal"]  { border-left-color: #6aa8cc; }
[data-theme="multimeter"] li[data-color="orange"]{ border-left-color: #ccc460; }
[data-theme="multimeter"] li[data-color="blue"]  { border-left-color: #4878a8; }
[data-theme="multimeter"] li[data-color="green"] { border-left-color: #7a9878; }

[data-theme="multimeter"] li[data-color="red"]    .color-btn { background: #c88898; }
[data-theme="multimeter"] li[data-color="teal"]   .color-btn { background: #6aa8cc; }
[data-theme="multimeter"] li[data-color="orange"] .color-btn { background: #ccc460; }
[data-theme="multimeter"] li[data-color="blue"]   .color-btn { background: #4878a8; }
[data-theme="multimeter"] li[data-color="green"]  .color-btn { background: #7a9878; }