Κίνηση

Tokens διάρκειας, easing σε στυλ Apple και το συμβόλαιο μειωμένης κίνησης.

Διάρκειες

Token	Value	Use	Anchor
duration-fast	200ms	hover color and transform	bg:motion:duration-fast
duration-normal	300ms	card hover, FAQ answer collapse	bg:motion:duration-normal
duration-slow	600ms	scroll-reveal transitions	bg:motion:duration-slow
duration-colors	150ms	quick color flips	bg:motion:duration-colors

Καμπύλες easing

ease-out

bg:motion:ease-out

ease-apple

cubic-bezier(0.32, 0.72, 0, 1)

bg:motion:ease-apple

Ανυψώσεις καρτών

card-lift-sm	translateY(-2px)	bg:motion:card-lift-sm
card-lift-md	translateY(-4px)	bg:motion:card-lift-md

Μειωμένη κίνηση

Σκληρός κανόνας. Κάθε animation πρέπει να περιλαμβάνει ένα override @media (prefers-reduced-motion: reduce) που το απενεργοποιεί ή το αντικαθιστά με στατική κατάσταση. Το βασικό reset στο base.css ήδη ουδετεροποιεί όλες τις transitions για χρήστες με μειωμένη κίνηση· τα animations ανά στοιχείο πρέπει επιπρόσθετα να αφαιρούν τα transforms στο hover.

@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;
  }
}