/* Form. The contact form is Fluent Forms Lite in an Elementor Shortcode
   widget whose CSS class is u-form (setup-site.php). Fluent's own
   stylesheet does the layout; this file corrects the two things it gets
   wrong for this site: placeholder text at 3.3:1 on white, below AA, and a
   focus treatment that does not match the rest of the site. Audit,
   27 August 2026. All rules under .u-form. Tokens only. */

.u-form .ff-el-form-control::placeholder {
  color: var(--u-ink-40);
  opacity: 1;
}

.u-form .ff-el-form-control:focus {
  border-color: var(--u-green);
}

/* Fluent's own :focus rule sets outline: none at the same specificity as
   this file's selectors; being printed later, this one restores the site's
   keyboard ring on the fields. */
.u-form .ff-el-form-control:focus-visible {
  outline: 3px solid var(--u-focus);
  outline-offset: 3px;
}

/* Fluent's own error text is fine; its required asterisk is the one place
   red is not ours to change, since it is a convention, not decoration. */