/* RociaDB — Transition & Animation Tokens */

:root {
  --duration-fast:    100ms; /* @kind other */
  --duration-normal:  150ms; /* @kind other */
  --duration-slow:    250ms; /* @kind other */
  --duration-slower:  350ms; /* @kind other */

  --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 */

  --transition-colors:   color var(--duration-normal) var(--ease-default),
                         background-color var(--duration-normal) var(--ease-default),
                         border-color var(--duration-normal) var(--ease-default);
  --transition-shadow:   box-shadow var(--duration-normal) var(--ease-default);
  --transition-transform:transform var(--duration-normal) var(--ease-default);
  --transition-opacity:  opacity var(--duration-normal) var(--ease-default);
}