/* 
 * SapaTamu - Global Motion & UI Polish stylesheet
 * Encodes Emil Kowalski's Design Engineering Principles
 */

:root {
    /* Custom, highly-responsive easing curves */
    --ease-out: cubic-bezier(0.23, 1, 0.32, 1);       /* Snap-to-target ease-out (excellent for UI elements) */
    --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);   /* Smooth transition for continuous on-screen movement */
    --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);    /* Apple-style smooth decelerating drawer curve */
    --ease-modal: cubic-bezier(0.34, 1.56, 0.64, 1);   /* Snappy spring-like modal pop */

    /* Standardized durations */
    --duration-fast: 160ms;      /* Fast interactions (button presses, micro-feedbacks) */
    --duration-normal: 220ms;    /* Tooltips, dropdowns, selects, toggle slider glides */
    --duration-slow: 350ms;      /* Modals, larger drawers, navigation islands */
    --duration-entrance: 550ms;  /* Card entrances, scroll reveals */
}

/* Global prefers-reduced-motion accessibility rules */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: initial !important;
        scroll-behavior: auto !important;
        transition-duration: 0s !important;
        transition-delay: 0s !important;
    }
}