[data-theme="cupcakes"] {
  --cream:     #ffd4e8;
  --card:      #ffffff;
  --card-done: #fde8f2;
  --ink:       #1a1a1a;
  --muted:     #030202;
  --coral:     #f0317a;
  --teal:      #18b85e;
  --orange:    #f0317a;
}

[data-theme="cupcakes"] li {
  border: 2px solid #1a1a1a;
  box-shadow: 3px 3px 0 #1a1a1a;
}

[data-theme="cupcakes"] li.done {
  border-color: #ddd;
  box-shadow: 3px 3px 0 #ddd;
}

[data-theme="cupcakes"] form#todo-form {
  border: 2px solid #1a1a1a;
  box-shadow: 3px 3px 0 #1a1a1a;
}

[data-theme="cupcakes"] .auth-field { border: 2px solid #1a1a1a; }

[data-theme="cupcakes"] .done-header {
  background: #fde8f2;
  border: 2px solid #f0a8c8;
  box-shadow: none;
}

[data-theme="cupcakes"] .check { background: #fff; border-color: #1a1a1a; border-width: 2px; }
[data-theme="cupcakes"] li.done .check { background: var(--teal); border-color: var(--teal); }

[data-theme="cupcakes"] #due-picker,
[data-theme="cupcakes"] #color-picker,
[data-theme="cupcakes"] #settings-menu {
  background: #fff;
  border: 2px solid #1a1a1a;
  box-shadow: 3px 3px 0 #1a1a1a;
}

[data-theme="cupcakes"] .settings-item:hover { background: #ffd6e8; }
[data-theme="cupcakes"] .settings-divider { background: #f090b8; }

[data-theme="cupcakes"] #due-picker input[type="date"] { background: #fff; color: #1a1a1a; border-color: #ddd; }

[data-theme="cupcakes"] .status {
  border: 2px solid #1a1a1a;
  box-shadow: 2px 2px 0 #1a1a1a;
}

[data-theme="cupcakes"] .status.loading { background: #f5f5f5; color: #888; }
[data-theme="cupcakes"] .status.saving  { background: #fff5c0; color: #8a6200; }
[data-theme="cupcakes"] .status.saved   { background: #3daa6e; color: #fff; }
[data-theme="cupcakes"] .status.error   { background: #f0317a; color: #fff; }

[data-theme="cupcakes"] .add-btn {
  background: #3daa6e;
  color: #fff;
  border: 2px solid #1a1a1a;
  box-shadow: 2px 2px 0 #1a1a1a;
}

[data-theme="cupcakes"] .add-btn:hover { background: #2e9060; }

[data-theme="cupcakes"] button[type="submit"] {
  background: #f0317a;
  border: 2px solid #1a1a1a;
  box-shadow: 2px 2px 0 #1a1a1a;
}

[data-theme="cupcakes"] button[type="submit"]:hover { background: #d4206a; }