/* ============================================================
   DESIGN TOKENS — ANIMATIONS
   Durations & easings for transitions. Change globally from
   here — no PHP edits required.
   ============================================================ */

:root {
    --animation-duration-fast:   150ms;
    --animation-duration-normal: 300ms;
    --animation-duration-slow:   500ms;

    --animation-easing-linear:    linear;
    --animation-easing-ease:      ease;
    --animation-easing-ease-in:   ease-in;
    --animation-easing-ease-out:  ease-out;
    --animation-easing-ease-in-out: ease-in-out;
}