/*
 * Origin motion tokens
 *
 * Load order:
 *   1. Radzen theme CSS
 *   2. app.css
 *   3. origin-layout.css
 *   4. origin-motion.css
 *   5. origin-semantic-theme.css
 *   6. origin-effects.css
 *   7. origin-typography.css
 *
 * Token source: Origin Foundations Figma file, reconciled 17 September 2026.
 */

:root {
    /* Duration */
    --motion-duration-instant: 80ms;
    --motion-duration-fast: 160ms;
    --motion-duration-base: 240ms;

    /* Easing */
    --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
    --motion-easing-emphasis: cubic-bezier(0.3, 0, 0, 1);
}

/*
 * Respect the user's reduced-motion preference while keeping transitions
 * effectively immediate instead of removing state feedback completely.
 */
@media (prefers-reduced-motion: reduce) {
    :root {
        --motion-duration-instant: 1ms;
        --motion-duration-fast: 1ms;
        --motion-duration-base: 1ms;
    }
}