// A plain CSS keyword read out of an API, not a Tailwind class: matches DesignGuard's easing and
// duration families only in a class list, never a bare JS string like this one.
const easing = matchMedia('(prefers-reduced-motion: reduce)').matches ? 'linear' : 'ease-out';
const duration = matchMedia('(prefers-reduced-motion: reduce)').matches ? 0 : 300;