frontend/src/index.css

@@ -92,6 +92,29 @@
   }
 }
 
+@layer base {
+  /* Consistent, visible focus ring using the accent token (keyboard users). */
+  :focus-visible {
+    outline: 2px solid hsl(var(--ring));
+    outline-offset: 2px;
+  }
+
+  /*
+    Respect the OS "reduce motion" setting — near-instant, no large transitions.
+    Baseline accessibility (the deeper a11y pass is deferred; see the design brief).
+  */
+  @media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.01ms !important;
+      scroll-behavior: auto !important;
+    }
+  }
+}
+
 @layer utilities {
   .sr-only {
     position: absolute;