css animation duration vars

[rossgalloway]

For future refactor: consider aligning all animation durations and related effects around 1 or 2 global CSS values (e.g. --duration-fast and --duration-slow) and using those everywhere. This makes the visual language of the app feel predictable, rhythmic, and less noisy.

Originally posted by @murderteeth in #1113 (review)