////
///
/// Motion Tokens
/// ===========================================================================
///
/// Design token definitions for animations and transitions.
/// Only :root CSS custom properties, no selectors.
///
/// @group Lexicon
/// @author Scape Press
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

:root {
    // ========================================================================
    // Duration
    // ========================================================================

    --ss-duration-0: 0ms;
    --ss-duration-75: 75ms;
    --ss-duration-100: 100ms;
    --ss-duration-150: 150ms;
    --ss-duration-200: 200ms;
    --ss-duration-300: 300ms;
    --ss-duration-500: 500ms;
    --ss-duration-700: 700ms;
    --ss-duration-1000: 1000ms;

    // ========================================================================
    // Easing
    // ========================================================================

    --ss-ease-linear: linear;
    --ss-ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ss-ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ss-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --ss-ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);

    // ========================================================================
    // Defaults
    // ========================================================================

    --ss-transition-default: var(--ss-duration-150) var(--ss-ease-in-out);
    --ss-transition-fast: var(--ss-duration-100) var(--ss-ease-in-out);
    --ss-transition-slow: var(--ss-duration-300) var(--ss-ease-in-out);
}