/* Site-wide form field boundary (WCAG 1.4.11 Non-text Contrast).

   A field's border is usually the only thing that shows where it is, so it
   needs 3:1 against the colours either side of it. Bootstrap's default
   (--bs-border-color, #dee2e6) is about 1.3:1 on white. Every field-like
   control on the public site reads one colour instead: the admin-editable
   --site-input-border-color (branding.SiteFormStyles, Site Theme > Forms,
   emitted by {% site_form_vars %}), whose clean() refuses anything under
   3:1, with #767676 (4.5:1 on white) as the fallback.

   Same specificity as Bootstrap's rules and loaded after them, so it wins
   for Bootstrap's own components. A component with a more specific border
   rule of its own (the article form, the builders' front doors, the search
   pills, the rich-text editor, which documents.css styles) uses the same
   variable there. Focus, validation and checked states keep Bootstrap's
   more specific colours; disabled fields are exempt from 1.4.11. */
.form-control,
.form-select,
.input-group-text,
.form-check-input {
  border-color: var(--site-input-border-color, #767676);
}