/* Motion is slow, soft and never bouncy. Things fade and drift;
   nothing springs, nothing pops. */

:root {
  --duration-instant: 90ms; /* @kind other */
  --duration-fast: 180ms; /* @kind other */
  --duration-base: 280ms; /* @kind other */
  --duration-slow: 520ms; /* @kind other */
  --duration-ambient: 1200ms; /* @kind other */

  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-out-soft: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-soft: cubic-bezier(0.55, 0, 0.55, 0.2); /* @kind other */

  --transition-color: color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard); /* @kind other */
  --transition-lift: transform var(--duration-base) var(--ease-out-soft), box-shadow var(--duration-base) var(--ease-out-soft); /* @kind other */
  --transition-fade: opacity var(--duration-slow) var(--ease-out-soft); /* @kind other */

  /* Interaction deltas */
  --hover-opacity: 0.78; /* @kind other */
  --press-scale: 0.985; /* @kind other */
  --hover-lift: -2px; /* @kind other */
  --image-hover-zoom: 1.04; /* @kind other */
}