@use './mixins' as *;
@use './colors' as *;

// Bootstrap 5 now provides `.form-label` natively, so this is no longer a shim —
// we keep it only for the explicit `display: block` (v2's Form.Group is a plain
// div and some fields render the label inline otherwise). The bottom margin
// matches BS5's own `.form-label`.
.form-label {
  display: block;
  margin-bottom: 0.5rem;
}

form {
  label,
  .control-label {
    display: block;
  }

  label.error {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: normal;
    color: $danger;
  }
}