From 926c3b4b1250fe6f0c424da9b650ee1fc2d71d2c Mon Sep 17 00:00:00 2001
From: saravanakumardb1 <saravanakumardb1@users.noreply.github.com>
Date: Sat, 28 Mar 2026 00:38:47 -0700
Subject: [PATCH] fix(web): add prefers-reduced-motion media query for
 accessibility

---
 web/src/app/globals.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/web/src/app/globals.css b/web/src/app/globals.css
index 2d54da0..ca93534 100644
--- a/web/src/app/globals.css
+++ b/web/src/app/globals.css
@@ -215,6 +215,16 @@ button {
   border-width: 0;
 }
 
+/* Respect user motion preference */
+@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;
+  }
+}
+
 /* Respect OS dark/light preference */
 @media (prefers-color-scheme: light) {
   :root:not([data-theme="dark"]) {