/* SAVVA motion: unhurried, no bounce, no overshoot. Things fade and settle.
   If a motion draws attention to itself, it does not belong to the brand. */
:root {
  --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-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */

  --duration-instant: 90ms; /* @kind other */
  --duration-fast: 160ms; /* @kind other */ /* hovers, tone shifts */
  --duration-base: 240ms; /* @kind other */ /* enter/exit of small elements */
  --duration-slow: 420ms; /* @kind other */ /* panels, dialogs, image cross-fades */
  --duration-ambient: 900ms; /* @kind other */ /* hero fades, parallax settle */

  --transition-tone: color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);
  --transition-surface: box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);
}