# Motion Tokens

Motion tokens define shared durations and easing curves used by interactive design-system components.

| Token                      | Value                            | Usage                            |
| -------------------------- | -------------------------------- | -------------------------------- |
| `--duration-fast`          | `140ms`                          | Hover and focus feedback.        |
| `--duration-base`          | `220ms`                          | Standard component transitions.  |
| `--duration-slow`          | `300ms`                          | Expand/collapse transitions.     |
| `--duration-toast-dismiss` | `200ms`                          | Toast dismiss animation.         |
| `--ease-standard`          | `cubic-bezier(0.2, 0.8, 0.2, 1)` | Default UI easing.               |
| `--ease-out`               | `ease-out`                       | Revealing or dismissing content. |