/* motion.css — shared motion tokens (durations / easings) as custom properties.
 * All timed motion in this template references these. Only opacity crossfades and
 * the preloader animate; the hero resting frame is static. */

:root {
  --toggle-dur: 400ms;     /* day <-> night scene crossfade */
  --toggle-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --preloader-fade: 500ms; /* preloader reveal */
  --ui-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --chip-dim-dur: 300ms;   /* scene-toggle idle-dim fade out (restore is always instant) */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --toggle-dur: 0.001ms;     /* instant scene swap */
    --preloader-fade: 0.001ms; /* instant reveal */
    --chip-dim-dur: 0.001ms;   /* idle-dim snaps */
  }
}