/* ==========================================================================
   WellWave — Motion
   --------------------------------------------------------------------------
   Apple spring physics. Hover = lift -2px + scale 1.01 + glow. Press = scale
   0.95-0.98. Glass surfaces use the canonical overshoot spring. NEVER fade
   text-content wrappers on entry (composites text with bg → breaks WCAG mid-
   animation); fade tiles/decorative layers instead. Always honor reduced motion.
   ========================================================================== */

:root {
  /* ── Duration ─────────────────────────────────────────────────── */
  --ww-motion-duration-instant: 100ms; /* @kind other */
  --ww-motion-duration-micro: 150ms; /* @kind other */
  --ww-motion-duration-fast: 180ms; /* @kind other */
  --ww-motion-duration-base: 280ms; /* @kind other */
  --ww-motion-duration-reveal: 420ms; /* @kind other */
  --ww-motion-duration-slow: 500ms; /* @kind other */

  /* ── Easing curves ────────────────────────────────────────────── */
  --ww-motion-ease-standard: cubic-bezier(0.25, 1, 0.5, 1); /* @kind other */
  --ww-motion-ease-emphasized: cubic-bezier(0.25, 1, 0.5, 1); /* @kind other */
  --ww-motion-ease-glass: cubic-bezier(0.22, 0.68, 0, 1.2); /* @kind other */
  --ww-motion-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --ww-motion-ease-canonical: cubic-bezier(0.175, 0.885, 0.32, 2.2); /* @kind other */
  --ww-motion-dur-canonical: 360ms; /* @kind other */

  /* ── Interaction scale ───────────────────────────────────────── */
  --ww-motion-scale-press: 0.95; /* @kind other */
  --ww-motion-scale-hover: 1.01; /* @kind other */
  --ww-motion-lift-hover: -2px; /* @kind other */
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}