ui phase 12

client/src/theme/tokens.css

@@ -51,6 +51,21 @@
   --bal-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
+/*
+ * Reduced motion — the token half of the single gate (globals.css carries the universal
+ * transition/animation-duration override that makes this bite even for consumers, like MUI's own
+ * Dialog/Drawer/Menu transitions, that don't read these custom properties directly). Zeroing the
+ * durations here too means anything that DOES read the token (this file's own consumers, any future
+ * one) needs no reduced-motion branch of its own.
+ */
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --bal-motion-fast: 0ms;
+    --bal-motion-base: 0ms;
+    --bal-motion-slow: 0ms;
+  }
+}
+
 /* ── Light scheme — the unconditional default ──────────────────────────── */
 :root,
 [data-mui-color-scheme='light'] {