/* ============================================================
   MOTION SYSTEM — tokens
   Central motion vocabulary. All motion modules read from here.
   ============================================================ */

:root {
  /* Durations */
  --motion-instant: 120ms;
  --motion-fast:    180ms;
  --motion-normal:  300ms;
  --motion-slow:    600ms;
  --motion-cinema:  900ms;

  /* Easings */
  --ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-fluid:  cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft:   cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  /* Parallax depths (hero layer offsets at full pointer deflection) */
  --parallax-1: 1px;   /* background */
  --parallax-2: 2px;   /* gradient */
  --parallax-3: 3.5px; /* pattern */
  --parallax-4: 5px;   /* decorative */
  --parallax-5: 6.5px; /* glass/foreground */

  /* Liquid environment intensities (max opacity of the wake layer) */
  --liquid-bg:       0.10;
  --liquid-hero:     0.22;
  --liquid-glass:    0.30;
  --liquid-tile:     0.34;
  --liquid-button:   0.40;
  --liquid-image:    0.16;
  --liquid-nav:      0.20;

  /* Tilt (3D) intensities */
  --tilt-glass: 3deg;
  --tilt-tile:  5deg;
  --tilt-image: 2.5deg;

  /* Magnetic pull (fraction of distance-to-cursor the control travels) */
  --magnetic-pull: 0.28;

  /* Ripple */
  --ripple-color: rgba(200, 169, 81, 0.35);
  --ripple-color-dark: rgba(20, 108, 110, 0.25);
}