[data-theme="spooky"] {
  --cream:     #1c1836;
  --card:      #272250;
  --card-done: #201e42;
  --ink:       #ffd8b0;
  --muted:     #8878a8;
  --coral:     #ff7055;
  --teal:      #ff9060;
  --orange:    #ff7055;
  --blue:      #a088e0;
}

[data-theme="spooky"] h1 { color: var(--ink); }
[data-theme="spooky"] #ghost-btn img { filter: invert(1) sepia(1) saturate(2) hue-rotate(320deg) brightness(1.2); }
[data-theme="spooky"] #pull-indicator img { filter: invert(1); }

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

[data-theme="spooky"] .check { background: #1c1836; border-color: #4a4080; }
[data-theme="spooky"] li.done .check { background: var(--teal); border-color: var(--teal); }

[data-theme="spooky"] #due-picker,
[data-theme="spooky"] #color-picker,
[data-theme="spooky"] #settings-menu { background: #1e1a40; border-color: #3a3470; }

[data-theme="spooky"] .settings-item:hover { background: #272250; }
[data-theme="spooky"] .settings-divider { background: #3a3470; }

[data-theme="spooky"] #due-picker input[type="date"] { background: #272250; color: var(--ink); border-color: #4a4080; }

[data-theme="spooky"] .status.loading { background: #272250; color: #8878a8; }
[data-theme="spooky"] .status.saving  { background: #3a2a18; color: #ff9060; }
[data-theme="spooky"] .status.saved   { background: #1e3028; color: #80e0a0; }
[data-theme="spooky"] .status.error   { background: #3a1820; color: #ff7055; }
[data-theme="spooky"] .status.offline { background: #2a2050; color: #a088e0; }

[data-theme="spooky"] .done-header { color: var(--muted); }