/* Site-wide focus affordances only. Avoid global motion overrides that break UI. */

*:focus-visible {
  outline: 3px solid #1557ff;
  outline-offset: 3px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  box-shadow: 0 0 0 4px rgba(21, 87, 255, 0.2);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}