/* Web only. The spec bans blue browser focus boxes, and react-native-web leaves
   the UA outline on every pressable and input. Focus stays visible for keyboard
   users, but drawn in champagne rather than the browser's default blue. */
* { -webkit-tap-highlight-color: transparent; }

:focus { outline: none; }

:focus-visible {
  outline: 1px solid rgba(200, 164, 93, 0.55);
  outline-offset: 2px;
  border-radius: 10px;
}

input:focus,
textarea:focus { outline: none; box-shadow: none; }

::selection { background: rgba(200, 164, 93, 0.28); }