/* ============================================================
   Shine Time — Motion Tokens
   The brand loves animation: quick, springy, confident.
   Think a car easing into a clean stop — never abrupt.
   ============================================================ */

:root {
  /* Durations */
  --motion-instant: 90ms;  /* @kind other */
  --motion-fast:    160ms; /* @kind other */
  --motion-base:    240ms; /* @kind other */
  --motion-slow:    400ms; /* @kind other */
  --motion-slower:  700ms; /* @kind other */

  /* 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 */
  --ease-in:       cubic-bezier(0.4, 0, 1, 1);       /* @kind other */
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1);/* @kind other */

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