CSS Accessibility – Focus Styles & Reduced Motion

Make sure interactive elements are clearly focusable.

:focus-visible { outline:2px solid #ff6600; }

Respect user system preferences:

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:0.001ms !important; transition:none !important; }
}