/*
Motion Tokens (Figma-style)

Constraints:
- Animate only transform/opacity/filter.
- Must support prefers-reduced-motion.
*/

:root {
    /* Durations */
    --motion-duration-1: 120ms;
    --motion-duration-2: 180ms;
    --motion-duration-3: 240ms;
    --motion-duration-4: 320ms;

    /* Easings */
    --motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --motion-ease-decelerate: cubic-bezier(0, 0, 0.2, 1);
    --motion-ease-emphasized: cubic-bezier(0.2, 0, 0, 1.2);

    /* Reveal helpers */
    --motion-distance-1: 6px;
    --motion-distance-2: 14px;
    --motion-scale-1: 0.98;

    /* Stagger */
    --motion-stagger-step: 40ms;
    --motion-stagger-max: 400ms;

    /* Interaction helpers */
    --motion-scale-press: 0.98;
    --motion-lift-y: -3px;

    /* Back-compat aliases used in existing CSS (do not remove without refactor). */
    --ds-motion-fast: var(--motion-duration-1);
    --ds-motion-base: var(--motion-duration-2);
    --ds-motion-slow: var(--motion-duration-3);
    --ds-ease-standard: var(--motion-ease-standard);
}