/* ==========================================================================
   Compresso — Motion tokens
   Smooth and restrained. Ease-out for entrances, a gentle spring for
   playful "clay" hover lifts. Everything is disabled under reduced-motion.
   ========================================================================== */

:root {
  --duration-instant: 80ms;   /* @kind other */
  --duration-fast:    140ms;  /* @kind other */
  --duration-base:    240ms;  /* @kind other */
  --duration-slow:    420ms;  /* @kind other */
  --duration-slower:  700ms;  /* @kind other */
  --duration-blob:    18s;    /* @kind other */  /* drifting hero glow loop */

  /* Easing */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);      /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);     /* @kind other */  /* reveal-on-scroll, entrances */
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);    /* @kind other */
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */  /* hover lift, counter pop */

  /* Common transitions */
  --transition-colors: color var(--duration-fast) var(--ease-standard),
                        background-color var(--duration-fast) var(--ease-standard),
                        border-color var(--duration-fast) var(--ease-standard);
  --transition-transform: transform var(--duration-base) var(--ease-spring);
  --transition-lift: transform var(--duration-base) var(--ease-spring),
                     box-shadow var(--duration-base) var(--ease-out);

  /* Hover lift distances */
  --lift-sm: -2px;  /* @kind other */
  --lift-md: -4px;  /* @kind other */
  --lift-lg: -6px;  /* @kind other */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-instant: 0ms;  /* @kind other */
    --duration-fast:    0ms;  /* @kind other */
    --duration-base:    0ms;  /* @kind other */
    --duration-slow:    0ms;  /* @kind other */
    --duration-slower:  0ms;  /* @kind other */
    --lift-sm: 0px;  /* @kind other */
    --lift-md: 0px;  /* @kind other */
    --lift-lg: 0px;  /* @kind other */
  }
}