[data-theme="hotdog"] {
  --cream:     #ff0000;
  --card:      #ffff00;
  --card-done: #ffdd00;
  --ink:       #000000;
  --muted:     #880000;
  --coral:     #ff0000;
  --teal:      #000000;
  --orange:    #ff0000;
  --blue:      #000000;
}

[data-theme="hotdog"] h1 { color: #ffff00; }
[data-theme="hotdog"] #ghost-btn img { filter: invert(1); }
[data-theme="hotdog"] #pull-indicator img { filter: invert(1) sepia(1) saturate(10) hue-rotate(40deg); }

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

[data-theme="hotdog"] li {
  border: 3px solid #000;
  box-shadow: none;
}

[data-theme="hotdog"] li.done {
  background: #ffdd00;
  border-color: #000;
  box-shadow: none;
}

[data-theme="hotdog"] form#todo-form {
  background: #ffff00;
  border: 3px solid #000;
  box-shadow: none;
}

[data-theme="hotdog"] .auth-field { border: 3px solid #000; background: #ffff00; }

[data-theme="hotdog"] .check { background: #ffff00; border: 2px solid #000; }
[data-theme="hotdog"] li.done .check { background: #000; border-color: #000; }

[data-theme="hotdog"] .done-header {
  background: #ff0000;
  border: 3px solid #000;
  color: #ffff00;
  box-shadow: none;
}
[data-theme="hotdog"] .done-header:hover { background: #cc0000; }
[data-theme="hotdog"] .done-count { color: #ffff00; }
[data-theme="hotdog"] .clear-done-btn { color: #ffff00; }
[data-theme="hotdog"] .clear-done-btn:hover { color: #ffdd00; }

[data-theme="hotdog"] .add-btn {
  background: #000;
  color: #ffff00;
  border: 3px solid #000;
  box-shadow: none;
}
[data-theme="hotdog"] .add-btn:hover { background: #ff0000; }

[data-theme="hotdog"] button[type="submit"] {
  background: #ff0000;
  color: #ffff00;
  border: 3px solid #000;
  box-shadow: none;
}
[data-theme="hotdog"] button[type="submit"]:hover { background: #cc0000; }

[data-theme="hotdog"] .status {
  border: 2px solid #000;
  box-shadow: none;
}
[data-theme="hotdog"] .status.loading { background: #ffff00; color: #000; }
[data-theme="hotdog"] .status.saving  { background: #ffff00; color: #000; }
[data-theme="hotdog"] .status.saved   { background: #000;    color: #ffff00; }
[data-theme="hotdog"] .status.error   { background: #ff0000; color: #ffff00; }

[data-theme="hotdog"] #due-picker,
[data-theme="hotdog"] #color-picker,
[data-theme="hotdog"] #settings-menu {
  background: #ffff00;
  border: 3px solid #000;
  box-shadow: none;
}
[data-theme="hotdog"] .settings-item:hover { background: #ff0000; color: #ffff00; }
[data-theme="hotdog"] .settings-item:hover .settings-icon { color: #ffff00; }
[data-theme="hotdog"] .settings-divider { background: #000; height: 2px; }

[data-theme="hotdog"] #due-picker input[type="date"] { background: #ffff00; color: #000; border-color: #000; }