/* Small web-only refinements; motion itself is shared with native. */
:root { color-scheme: light; background: #F6F3ED; }
html { -webkit-text-size-adjust: 100%; }
body { overscroll-behavior-y: none; }
:is(a, button, [role="button"], input, textarea):focus-visible {
  outline: 3px solid #B48A47;
  outline-offset: 4px;
}
input, textarea { caret-color: #23644C; }
::selection { background: #CDE5D5; color: #17372D; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  a, [role="button"] { transition: background-color 180ms ease, box-shadow 180ms ease; }
  a:hover { text-decoration-color: #23644C; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}