/* ============================================================
   Motion — Unified Color System. One curve, short durations:
   180ms state changes, 240ms underline/reveals. No entrance
   choreography, no ambient blobs — motion is informative only.
   ============================================================ */
:root {
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --duration-fast: 180ms;  /* @kind other */
  --duration-base: 240ms;  /* @kind other */
  --duration-slow: 400ms;  /* @kind other */
}

/* Live-demo / status keyframes from the v2 pages */
@keyframes wave { 0%, 100% { height: 22%; } 50% { height: 100%; } }
@keyframes caret { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
@keyframes softPulse { 0%, 100% { opacity: 0.45; } 50% { opacity: 1; } }
@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
@keyframes spinArc { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }