fix(design): remove duplicate reduced-motion block + document token equivalences

This commit is contained in:
Tyler
2026-06-17 13:45:16 -06:00
parent 417379d1af
commit 6ffd07c54e
+5 -9
View File
@@ -75,6 +75,11 @@
--color-citrus-900: #7c2d12;
}
/* Field Almanac palette — values are intentionally equal to the existing
* --color-surface-50 (== --color-surface-2) and --color-surface-100
* (== --color-surface-3). The new tokens live in :root (not @theme) so
* they don't collide with the existing @theme token names. The duplication
* is intentional until the legacy @theme palette is consolidated. */
/* ─── Field Almanac palette (mobile-first / HIG Accessibility) ─── */
:root {
/* Surfaces */
@@ -148,15 +153,6 @@
--duration-slow: 320ms;
}
@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;
}
}
/* ─── Base ─────────────────────────────────────────────────────── */
*, *::before, *::after {