/* tokens.motion.css — unveraendert aus web-animation/lexikon.md §1 */
:root {
  /* Dauer */
  --dur-micro:   120ms;
  --dur-hover:   220ms;
  --dur-ui:      300ms;
  --dur-panel:   400ms;
  --dur-reveal:  600ms;
  --dur-section: 900ms;
  --dur-cine:   1600ms;
  --stagger:      80ms;

  /* Easing — genau eine Familie pro Projekt aktiv: ease-out / ease-cine */
  --ease-out:    cubic-bezier(.22, 1, .36, 1);
  --ease-in:     cubic-bezier(.64, 0, .78, 0);
  --ease-inout:  cubic-bezier(.65, 0, .35, 1);
  --ease-cine:   cubic-bezier(.16, 1, .30, 1);
  --ease-over:   cubic-bezier(.34, 1.56, .64, 1);

  /* Distanz */
  --move-sm: 8px;
  --move-md: 24px;
  --move-lg: 48px;

  /* Sonstiges */
  --blur-soft: 10px;
  --lift:      -4px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-micro: 1ms; --dur-hover: 1ms; --dur-ui: 1ms; --dur-panel: 1ms;
    --dur-reveal: 1ms; --dur-section: 1ms; --dur-cine: 1ms; --stagger: 0ms;
    --move-sm: 0px; --move-md: 0px; --move-lg: 0px;
    --blur-soft: 0px; --lift: 0px;
  }
  *, *::before, *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}

@media (max-width: 768px) {
  :root { --move-md: 16px; --move-lg: 24px; --dur-cine: 900ms; }
}