/* Our one addition to css-zero's input.

   A field that fails validation is both invalid and focused — the browser focuses the first one
   to hang its message on. css-zero draws the invalid border in --color-text-negative and the focus
   ring in --color-selected-dark, which theme.css points at our teal primary, so the field being
   complained about was the only one ringed in a colour that reads as approval. The ring stays,
   because it still says where the keyboard is; it just agrees with the border. */

.input:user-invalid:focus-visible {
  outline-color: var(--color-text-negative);
}