/* M.A.T.E. motion tokens
   One easing curve. Movement is small and slow: a 2px lift, a rule drawing itself,
   a glow breathing over 24 to 34 seconds. Everything stops under
   prefers-reduced-motion (see patterns/site.css). */
/* The angle the live button's Marmalade ring is swept to. Registered so it interpolates
   as an <angle> rather than swapping discretely at 50%. */
@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}

:root{
  --spin:0deg; /* @kind other */ /* Live-button ring sweep. Animated locally by .btn-live::before */
  --ease:cubic-bezier(.2,.6,.3,1); /* @kind other */

  --dur-quick:.15s; /* @kind other */ /* text colour on hover */
  --dur-hover:.18s; /* @kind other */ /* lifts, background changes */
  --dur-panel:.28s; /* @kind other */ /* accordion chevron */
  --dur-enter:.34s; /* @kind other */ /* chat message in, faq body in */
  --dur-draw:.8s; /* @kind other */ /* the h2 rule drawing on scroll */

  --lift:-2px; /* @kind spacing */ /* buttons, nav CTA, social icons */
  --lift-card:-3px; /* @kind spacing */ /* tiles */
  --nudge:4px; /* @kind spacing */ /* the arrow in a tile's "go" link */

  /* ambient loops */
  --loop-bloom:26s; /* @kind other */
  --loop-orb-drift:34s; /* @kind other */
  --loop-orb-spin:7s; /* @kind other */
  --loop-sheen:28s; /* @kind other */
  --loop-corner:24s; /* @kind other */
  --loop-btn-spin:4.5s; /* @kind other */
  --loop-demo-glow:11s; /* @kind other */
  --loop-demo-drift:17s; /* @kind other */
}