/* ============================================================
   MARKS METALL — MOTION TOKENS
   Confident, mechanical easing. Parallax is a signature.
   Hover = brighten + subtle lift; press = settle down.
   ============================================================ */
:root {
  --dur-fast: 140ms;  /* @kind other */
  --dur: 220ms;       /* @kind other */
  --dur-slow: 380ms;  /* @kind other */
  --dur-reveal: 680ms;     /* @kind other */

  /* Easing */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);     /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);  /* @kind other */
  --ease-mech: cubic-bezier(0.16, 0.84, 0.3, 1);  /* @kind other */

  --hover-lift: -2px;      /* @kind other */
  --press-scale: 0.985;    /* @kind other */
}