/* Respect the browser's focus-visible heuristic. Layered important rules
   keep the keyboard ring visible above page-specific outline resets. */
@layer vlingo-focus {
  :focus:not(:focus-visible) {
    outline: none !important;
    outline-offset: 0 !important;
  }

  :focus-visible {
    outline: 3px solid var(--focus-ring, #005fcc) !important;
    outline-offset: 3px !important;
  }

  .account-password-toggle:focus-visible,
  .account-form input:focus:not([aria-invalid="true"]),
  .sentence-annotated-part:focus-visible:not(.is-active),
  .sentence-guess-option:focus-visible {
    box-shadow: none !important;
  }

  .center-referral-link:focus-within {
    box-shadow: 0 8px 22px rgba(174, 82, 24, 0.07) !important;
  }
}