In error state, focused controls take on purple or red-and-purple focus indicator

Summary

When the contact form is in an error state, we intend to show a solid red focus indicator on inputs. In Chromium and Firefox browser, we render our custom purple focus indicator mixed with red. On Safari, we render a solid purple indicator. Both behaviors are undesirable, and the distinction between them probably comes from Chromium/Firefox's switch to :focus-visible as the default focus heuristic.

Focused text control in Safari:

Focused text control in Chromium Edge (MacOS)