[data-theme="dark"] {
  --cream:     #141414;
  --card:      #222;
  --card-done: #222;
  --ink:       #efefef;
  --muted:     #b0b0b0;
  --coral:     #e86f45;
}

[data-theme="dark"] h1 { color: var(--ink); }
[data-theme="dark"] #ghost-btn img { filter: invert(1); }

[data-theme="dark"] form#todo-form,
[data-theme="dark"] .auth-field,
[data-theme="dark"] .done-header { background: #222; }

[data-theme="dark"] .check { background: #333; border-color: #444; }

[data-theme="dark"] #due-picker,
[data-theme="dark"] #color-picker,
[data-theme="dark"] #settings-menu { background: #1e1e1e; border-color: #333; }

[data-theme="dark"] .settings-item:hover { background: #2a2a2a; }
[data-theme="dark"] .settings-divider { background: #2a2a2a; }

[data-theme="dark"] .color-swatch.clear { background: #333; }

/* color dots visible against dark cards */
[data-theme="dark"] .color-btn { display: flex; }

[data-theme="dark"] #due-picker input[type="date"] { background: #2a2a2a; color: #efefef; border-color: #444; }