/* ==========================================================================
   Design Tokens — Motion (transition / animation)
   ========================================================================== */
:root {
  --duration-fast:   120ms;
  --duration-base:   200ms;
  --duration-slow:   320ms;

  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:      cubic-bezier(0, 0, 0.2, 1);
  --ease-in:       cubic-bezier(0.4, 0, 1, 1);

  --transition-base: all var(--duration-base) var(--ease-standard);
}

/* احترام به تنظیم کاربر برای کاهش حرکت */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}