/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* Dark mode fixes for allauth forms */
.dark a:not(.btn):not(.button):not([class*="bg-"]):not([class*="text-white"]) {
  color: rgb(96, 165, 250) !important;
}

.dark a:not(.btn):not(.button):not([class*="bg-"]):not([class*="text-white"]):hover {
  color: rgb(147, 197, 253) !important;
}

.dark .asteriskField {
  color: rgb(248, 113, 113) !important;
}

.dark input[type="checkbox"] + label,
.dark .form-check-label,
.dark label:not([class*="bg-"]) {
  color: rgb(209, 213, 219) !important;
}

/* Fix text color in dark mode - headings and paragraphs */
.dark h1:not([class*="text-"]),
.dark h2:not([class*="text-"]),
.dark h3:not([class*="text-"]),
.dark h4:not([class*="text-"]),
.dark h5:not([class*="text-"]),
.dark h6:not([class*="text-"]) {
  color: rgb(243, 244, 246) !important;
}

.dark p:not([class*="text-"]) {
  color: rgb(209, 213, 219) !important;
}

.dark input[type="text"],
.dark input[type="email"],
.dark input[type="password"],
.dark input[type="number"],
.dark select,
.dark textarea {
  background-color: rgb(55, 65, 81);
  border-color: rgb(75, 85, 99);
  color: rgb(243, 244, 246);
}

.dark input[type="text"]:focus,
.dark input[type="email"]:focus,
.dark input[type="password"]:focus,
.dark input[type="number"]:focus,
.dark select:focus,
.dark textarea:focus {
  border-color: rgb(96, 165, 250);
  --tw-ring-color: rgb(96, 165, 250);
}