/* =========================
   Utilities
   ========================= */

/* Buttons */
.dark button:not([class*="bg-"]):not([class*="text-"]) {
  background-color: transparent;
  color: #e2e8f0;
}

.dark button:not([class*="bg-"]):not([class*="text-"]):hover {
  background-color: #334155;
}

/* Navbar utilities */
.dark .navbar-text,
.dark .navbar-button {
  color: #e2e8f0 !important;
  background-color: transparent !important;
}

.dark .navbar-button:hover {
  background-color: #334155 !important;
}

.dark button#dark-toggle,
.dark span {
  color: #e2e8f0 !important;
}

.dark button#dark-toggle:hover {
  background-color: #475569 !important;
}

/* Background utilities */
.dark a.bg-red-600 {
  background-color: #b91c1c !important;
}

.dark a.bg-red-600:hover {
  background-color: #7f1d1d !important;
}

.dark a.bg-slate-900 {
  background-color: #334155 !important;
  color: #e2e8f0 !important;
}

.dark a.bg-slate-900:hover {
  background-color: #475569 !important;
}

/* Autocomplete / dropdowns */
.dark .absolute.bg-white,
.dark .absolute.bg-white * {
  background-color: #1e293b !important;
  color: #e2e8f0 !important;
}

/* Hover helpers */
.dark .hover\:bg-gray-50:hover,
.dark .hover\:bg-slate-50:hover {
  background-color: #111827 !important;
}