/* ==========================================================================
   DevGenZ — Motion tokens
   Calm, confident easing. Gentle fades + rises on scroll, quick feedback
   on interaction. No bounces, no long dramatic sweeps.
   ========================================================================== */

:root {
  --dur-instant: 80ms;   /* @kind other */
  --dur-fast:    150ms;  /* @kind other */
  --dur-base:    240ms;  /* @kind other */
  --dur-slow:    400ms;  /* @kind other */
  --dur-slower:  650ms;  /* @kind other */

  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1);   /* @kind other */
  --ease-out:      cubic-bezier(0.0, 0.0, 0.2, 1);   /* @kind other */
  --ease-in:       cubic-bezier(0.4, 0.0, 1, 1);     /* @kind other */
  --ease-emphasis: cubic-bezier(0.2, 0.7, 0.2, 1);   /* @kind other */

  /* Common composed transitions */
  --transition-colors: color var(--dur-fast) var(--ease-standard),
                        background-color var(--dur-fast) var(--ease-standard),
                        border-color var(--dur-fast) var(--ease-standard);   /* @kind other */
  --transition-transform: transform var(--dur-base) var(--ease-emphasis);   /* @kind other */
}