Motion: Introduce tokenized staggered page-load and interaction animations #37
Description
Summary
Build a coherent motion system with staged page-load choreography and meaningful interactions.
Why
Current motion is mostly a single generic fade-in and small icon rotations; the skill calls for more intentional motion moments.
Scope
- Define motion tokens (durations/easings/delays).
- Add staggered entrance for key docs shell/content elements.
- Improve hover/focus/expand transitions (sidebar, switcher, code controls).
- Respect
prefers-reduced-motion.
Acceptance Criteria
- Motion behavior is tokenized and reusable.
- Page load has at least one orchestrated staggered sequence.
- Reduced-motion mode disables or simplifies non-essential motion.
- No janky transitions on mobile.