:root {
    /* RADIUS */
    --radius-sm: 4px;
    --radius-sm-rem: 0.25rem;
    --radius-md: 8px;
    --radius-md-rem: 0.5rem;
    --radius-lg: 12px;
    --radius-lg-rem: 0.75rem;
    --radius-xl: 16px;
    --radius-xl-rem: 1rem;
    --radius-full: 9999px;
    --radius-full-rem: 624.9375rem;
    --radius-sqr: 0px;
    --radius-sqr-rem: 0rem;

    /* SPACE */
    --space-base: 4px;
    --space-base-rem: 0.25rem;
    --space-025: 1px;
    --space-025-rem: 0.0625rem;
    --space-05: 2px;
    --space-05-rem: 0.125rem;
    --space-1: 4px;
    --space-1-rem: 0.25rem;
    --space-2: 8px;
    --space-2-rem: 0.5rem;
    --space-3: 12px;
    --space-3-rem: 0.75rem;
    --space-4: 16px;
    --space-4-rem: 1rem;
    --space-5: 20px;
    --space-5-rem: 1.25rem;
    --space-6: 24px;
    --space-6-rem: 1.5rem;
    --space-8: 32px;
    --space-8-rem: 2rem;
    --space-10: 40px;
    --space-10-rem: 2.5rem;
    --space-12: 48px;
    --space-12-rem: 3rem;
    --space-14: 56px;
    --space-14-rem: 3.5rem;
    --space-16: 64px;
    --space-16-rem: 4rem;
    --space-20: 80px;
    --space-20-rem: 5rem;

    /* ELEVATION */
    --shadow-xl: 0 16px 64px 16px var(--neutral-900-10);
    --shadow-lg: 0 8px 12px 0 var(--neutral-900-10);
    --shadow-md: 0 4px 8px 0 var(--neutral-900-19);
    --shadow-sm: 0 2px 4px 0 var(--neutral-900-19);

    /* BORDER */
    --border-sm: 1px;
    --border-sm-rem: 0.0625rem;
    --border-md: 1.5px;
    --border-md-rem: 0.0938rem;
    --border-lg: 2px;
    --border-lg-rem: 0.125rem;

    /* MOTION */
    --motion-duration-fast-1: 100ms;
    --motion-duration-fast-2: 150ms;
    --motion-duration-fast-3: 250ms;
    --motion-duration-medium-1: 300ms;
    --motion-duration-medium-2: 350ms;
    --motion-duration-medium-3: 400ms;
    --motion-duration-slow-1: 450ms;
    --motion-duration-slow-2: 500ms;
    --motion-duration-slow-3: 550ms;
    --motion-duration-long-1: 650ms;
    --motion-duration-long-2: 800ms;
    --motion-duration-long-3: 1000ms;

    --motion-easing-hard-enter: cubic-bezier(0, 1, 0.58, 1);
    --motion-easing-hard-exit: cubic-bezier(1, 0, 1, 0.47);
    --motion-easing-soft-enter: cubic-bezier(0, 0.38, 0.58, 1);
    --motion-easing-soft-exit: cubic-bezier(0.41, 0, 1, 0.81);
    --motion-easing-bounce: cubic-bezier(0.3, 0, 0, 1.25);
    --motion-easing-hard-ease-in-out: cubic-bezier(0.8, 0, 0.2, 1);
    --motion-easing-soft-ease-in-out: cubic-bezier(0.66, 0, 0.46, 1);
}