/* Styling for forms */

.form-check-input,
.form-control,
.form-select {
  --bs-border-color: var(--color-border-strong);
}
.form-control:focus,
.form-select:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--bs-primary) 25%, transparent);
}
.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.form-check-input:focus {
  box-shadow: none !important;
}
.form-label {
  margin-bottom: 0.25rem;
}