/* Keyboard focus outlines. React Native Web's TouchableOpacity/Pressable
   render as DOM elements without a default focus ring (mouse-first), which
   leaves keyboard users with no visible affordance. Restoring an outline
   for :focus-visible only keeps the mouse path unchanged while making
   keyboard navigation discoverable. See #330. */
[role='button']:focus-visible,
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid #4530ed;
  outline-offset: 2px;
  border-radius: 6px;
}