:root {
  /* Motion: everything eases with this one curve. No bounce, no spring. */
  --ease-reveal: cubic-bezier(.16, .84, .3, 1); /* @kind other */
  --ease-standard: ease; /* @kind other */
  --duration-hover: .2s; /* @kind other */
  --duration-hover-slow: .35s; /* @kind other */
  --duration-reveal: .85s; /* @kind other */
  --duration-reveal-transform: 1.1s; /* @kind other */

  /* Elevation is almost never used — the system is flat and bordered.
     These two shadows are the only exceptions: the floating CTA pill and
     modal/lightbox surfaces. Cards NEVER use box-shadow. */
  --shadow-float: 0 6px 22px rgba(43, 41, 64, .22);
  --shadow-modal: 0 30px 80px rgba(0, 0, 0, .5);

  --blur-nav: blur(16px); /* @kind other */
}