/* Quiet luxury: things fade, lift and settle. Nothing bounces, nothing springs. */
:root{
  --dur-instant:80ms; /* @kind other */
  --dur-fast:160ms; /* @kind other */
  --dur-base:220ms; /* @kind other */
  --dur-slow:360ms; /* @kind other */
  --dur-reveal:640ms; /* @kind other */
  --dur-ken-burns:14s; /* @kind other */

  --ease-standard:cubic-bezier(.2,.6,.2,1); /* @kind other */
  --ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
  --ease-in:cubic-bezier(.5,0,.75,0); /* @kind other */
  --ease-inout:cubic-bezier(.65,0,.35,1); /* @kind other */

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

  --lift-hover:translateY(-2px); /* @kind other */
  --press-scale:scale(.985); /* @kind other */
  --media-zoom-hover:scale(1.035); /* @kind other */
}
@media (prefers-reduced-motion:reduce){
  :root{
    --dur-fast:1ms; /* @kind other */
    --dur-base:1ms; /* @kind other */
    --dur-slow:1ms; /* @kind other */
    --dur-reveal:1ms; /* @kind other */
    --lift-hover:none; /* @kind other */
    --media-zoom-hover:none; /* @kind other */
  }
}