From 17169226aa055a13660a0a64ee9a5d6e2de7727f Mon Sep 17 00:00:00 2001
From: Amaresh  S M <amareshsm13@gmail.com>
Date: Wed, 18 Feb 2026 00:23:27 +0530
Subject: [PATCH] Add: prefers-reduced-motion support for WCAG compliance

---
 src/css/animations.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/css/animations.css b/src/css/animations.css
index 4a434db..e494fd6 100644
--- a/src/css/animations.css
+++ b/src/css/animations.css
@@ -1,4 +1,15 @@
 @layer animations {
+  @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;
+    }
+  }
+
   /* Pop-in animation for modals/overlays - swings from above */
   .animate-pop-in {
     opacity: 1;