/* Chosen by Nathalia - motion tokens ("Mare"), 2026-08-28.
   Canonical home of the TIME dimension of the brand system.
   Split out of tokens.css on purpose: tokens.css also ships colour, type and
   the `body`/`h1` role rules, which are fatia F0 and still wait on Nathalia's
   A/B choice on the mural. Production pages need the time tokens NOW (F1-F5)
   and must not drag the palette in yet, so the time tokens live here and
   tokens.css @imports them - one canon, two files, no duplicated value.
   Source of every value: _orquestra/direcao-motion-chosen.md sec. 3.2 / 4.1.
   Do not hardcode a duration, easing or displacement in a component. */

:root {
  /* ---------- Duration ---------- */
  --motion-dur-fast:  180ms;  /* hover, focus, control state, gallery crossfade */
  --motion-dur-base:  500ms;  /* AR layer entrance */
  --motion-dur-slow:  900ms;  /* hero opening, once per session */

  /* ---------- Easing ---------- */
  --motion-ease-out:   cubic-bezier(.22,.61,.36,1);
  --motion-ease-inout: cubic-bezier(.65,0,.35,1);

  /* ---------- Rhythm ---------- */
  --motion-stagger: 60ms; /* max 4 elements per stagger; the 5th rides with the 4th */

  /* ---------- Displacement ---------- */
  --motion-drift: 10%;    /* WATER layer amplitude, SINGLE value for the whole site. Was 6% —
     raised 28/08 (P1, "nao percebi diferenca") after visual test at 9/11/14%: 14% crops the
     model's face in .story-image at rest (y=+amp); 10% keeps full headroom on all 3 photos
     (hero/story/rituals) while nearly doubling the travel a viewer sees end-to-end (12% -> 20%
     of frame height). No hard ceiling for WATER in the direction doc (only the "same % on all
     3 waves" system rule, sec 3.1) — unlike AR's 16px vestibular ceiling (sec 5.1.6), which
     this change does not touch. */
  --motion-scrub: 0.6;   /* read by JS, never by CSS */
  --motion-shift:       16px; /* AR layer y-shift; hard ceiling (sec. 5.1.6) */
  --motion-shift-hero:  12px; /* A2, mobile hero overlay */
  --motion-shift-micro:  8px; /* A8, modal gallery crossfade x */
}