/* Cognexion elevation + motion tokens — Stripe's graduated soft shadows */
:root {
  --shadow-z1: 0px 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-z2: 0px 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-z3: 0px 10px 40px rgba(0, 0, 0, 0.10);
  --shadow-z4: 0px 20px 60px rgba(0, 0, 0, 0.15);
  --backdrop: rgba(0, 0, 0, 0.5);

  /* Frosted nav (Apple) */
  --blur-nav: saturate(180%) blur(20px); /* @kind other */

  /* Motion */
  --ease-out: cubic-bezier(0.25, 0.1, 0.25, 1); /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-base: 250ms; /* @kind other */

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(0, 113, 227, 0.12);
}