/* ============================================================
   FlowSpace — Motion & layering tokens
   Default easing cubic-bezier(0.4,0,0.2,1); 200ms normal.
   ============================================================ */

:root {

  /* ── Durations ────────────────────────────────── */
  --duration-instant: 50ms;   /* @kind other */
  --duration-fast:    100ms;  /* @kind other */
  --duration-normal:  200ms;  /* @kind other */
  --duration-slow:    300ms;  /* @kind other */
  --duration-slower:  500ms;  /* @kind other */

  /* ── Easing curves ────────────────────────────── */
  --ease-default: cubic-bezier(0.4, 0, 0.2, 1);    /* @kind other */
  --ease-in:      cubic-bezier(0.4, 0, 1, 1);       /* @kind other */
  --ease-out:     cubic-bezier(0, 0, 0.2, 1);       /* @kind other */
  --ease-in-out:  cubic-bezier(0.4, 0, 0.2, 1);     /* @kind other */
  --ease-bounce:  cubic-bezier(0.34, 1.56, 0.64, 1);/* @kind other */
  --ease-spring:  cubic-bezier(0.22, 1, 0.36, 1);   /* @kind other */

  /* ── Composite transitions ────────────────────── */
  --transition-default: var(--duration-normal) var(--ease-default); /* @kind other */
  --transition-fast:    var(--duration-fast) var(--ease-default);   /* @kind other */
  --transition-slow:    var(--duration-slow) var(--ease-out);       /* @kind other */

  /* ── Z-index scale ────────────────────────────── */
  --z-base:     0;    /* @kind other */
  --z-raised:   10;   /* @kind other */
  --z-dropdown: 100;  /* @kind other */
  --z-sticky:   200;  /* @kind other */
  --z-overlay:  300;  /* @kind other */
  --z-modal:    400;  /* @kind other */
  --z-popover:  500;  /* @kind other */
  --z-toast:    600;  /* @kind other */
  --z-tooltip:  700;  /* @kind other */
}