/* GALVIC — MOTION
   The mark is movement drawn as a continuous line, and the brand promise is a
   garment you forget you are wearing. Motion follows: short, linear-ish, no
   bounce, no overshoot, nothing that draws attention to itself. Hover darkens
   or reveals; press compresses colour, not scale — a shrinking button is a
   gimmick and this brand does not do gimmicks. */

:root{
  --duration-instant:80ms; /* @kind other */
  --duration-fast:140ms; /* @kind other */
  --duration-base:220ms; /* @kind other */
  --duration-slow:380ms; /* @kind other */
  --duration-image:600ms; /* @kind other */

  --ease-standard:cubic-bezier(.2,0,.2,1); /* @kind other */
  --ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
  --ease-in:cubic-bezier(.4,0,1,1); /* @kind other */

  --transition-control:background-color var(--duration-fast) var(--ease-standard),
                       color var(--duration-fast) var(--ease-standard),
                       border-color var(--duration-fast) var(--ease-standard),
                       box-shadow var(--duration-fast) var(--ease-standard); /* @kind other */
  --transition-media:opacity var(--duration-image) var(--ease-out),
                     transform var(--duration-image) var(--ease-out); /* @kind other */
}

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