/* Form control */

.form-control:focus {
  border-color: var(--theme) !important;
  box-shadow: 0 0 0 0.25rem rgb(from var(--theme-6) r g b / 25%);
}

.form-control::placeholder {
  color: var(--theme-7);
  opacity: 0.5;
}

.form-control:focus::placeholder {
  color: var(--theme-8);
  opacity: 0.5;
}

/* Form select */

.form-select:focus {
  border-color: var(--theme) !important;
  box-shadow: 0 0 0 0.25rem rgb(from var(--theme-6) r g b / 25%);
}

.form-select option:hover {
  background-color: var(--theme-2) !important;
}


/* Form label */

.form-label {
  color: var(--theme-7);
}