:root {
  /* Gentle iOS-like ease-out. Nothing bounces; nothing runs past 300ms. */
  --duration-hover: 200ms;
  --duration-panel: 280ms;
  --ease-hover: ease-out;
  --ease-panel: cubic-bezier(0.25, 0.8, 0.25, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-hover: 0ms;
    --duration-panel: 0ms;
  }
}