/* Arkum Labs — Motion Tokens
   Motion is precise and mechanical: short, eased, confident. No bounce,
   no playful overshoot. Things slide, fade, and reveal like vault doors. */

:root {
  /* ---- Duration ---- */
  --dur-instant: 80ms;  /* @kind other */
  --dur-fast:    140ms; /* @kind other */
  --dur-base:    220ms; /* @kind other */
  --dur-slow:    360ms; /* @kind other */
  --dur-slower:  600ms; /* @kind other */

  /* ---- Easing ---- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);     /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);  /* @kind other */
  --ease-in:       cubic-bezier(0.7, 0, 0.84, 0);  /* @kind other */
  --ease-linear:   linear;                         /* @kind other */

  /* ---- Common transition shorthands ---- */
  --t-control: color var(--dur-fast) var(--ease-standard),
               background-color var(--dur-fast) var(--ease-standard),
               border-color var(--dur-fast) var(--ease-standard),
               box-shadow var(--dur-fast) var(--ease-standard); /* @kind other */
  --t-transform: transform var(--dur-base) var(--ease-standard); /* @kind other */
}

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