/*
 * JDS — Motion tokens.
 *
 * New foundation layer (2026-07-24) — previously missing entirely. Unlike
 * colour/typography/elevation, motion has no bound Figma Variables or
 * Effect Styles (Figma has no native duration/easing-curve token type);
 * the values below are transcribed from the "Motion / Design token" table
 * on the Figma "Motion" foundation page — that table is design's stated
 * source for these values, but there's no live-component cross-check
 * possible the way there was for elevation. Treat as correct-as-documented,
 * not yet verified-by-usage.
 */

:root {
  /* ---- Easing ---- */
  --jds-motion-easing-enter: cubic-bezier(0.1, 0, 0.5, 0); /* starts slowly, finishes at top speed */
  --jds-motion-easing-exit: cubic-bezier(0.15, 0.6, 0.6, 1); /* starts at top speed, finishes slowly */
  --jds-motion-easing-standard: cubic-bezier(0.25, 0, 0.25, 1); /* responds quickly, finishes with control */

  /* ---- Duration ---- */
  --jds-motion-duration-faster: 100ms; /* extra fast — radio button or checkbox */
  --jds-motion-duration-fast: 200ms; /* fast — fading */
  --jds-motion-duration-standard: 300ms; /* standard — small expansion or short distance movements */
  --jds-motion-duration-slow: 400ms; /* slow — expansion, system communication, toast */
  --jds-motion-duration-slower: 500ms; /* extra slow — large expansion or important system notifications */
}