/* Bits&Pieces — Motion tokens. Snappy & bouncy entertainment energy. */
:root {
  --dur-instant: 80ms;  /* @kind other */
  --dur-fast: 140ms;    /* @kind other */
  --dur-base: 220ms;    /* @kind other */
  --dur-slow: 360ms;    /* @kind other */
  --dur-slower: 600ms;  /* @kind other */

  /* Easings */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);        /* @kind other */ /* default UI exit */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);    /* @kind other */
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */ /* signature pop on enter/press */
  --ease-snap: cubic-bezier(0.22, 1, 0.36, 1);      /* @kind other */

  /* Recipes */
  --transition-button: transform var(--dur-fast) var(--ease-bounce),
                        background-color var(--dur-fast) var(--ease-out),
                        box-shadow var(--dur-fast) var(--ease-out); /* @kind other */
  --transition-card: transform var(--dur-base) var(--ease-bounce),
                     box-shadow var(--dur-base) var(--ease-out); /* @kind other */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-instant: 0ms; /* @kind other */ --dur-fast: 0ms; /* @kind other */ --dur-base: 0ms; /* @kind other */ --dur-slow: 0ms; /* @kind other */ --dur-slower: 0ms; /* @kind other */
  }
}