/* =====================================================================
   ЭТЕРИС ИНЖИНИРИНГ — Motion tokens
   Restrained, precise motion. Fades & short slides. No bounces.
   ===================================================================== */
:root {
  --duration-instant: 80ms;  /* @kind other */
  --duration-fast:    120ms; /* @kind other */
  --duration-base:    200ms; /* @kind other */
  --duration-slow:    320ms; /* @kind other */
  --duration-slower:  480ms; /* @kind other */

  /* Easing */
  --ease-standard: cubic-bezier(0.2, 0.6, 0.2, 1);  /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);   /* @kind other */
  --ease-in:       cubic-bezier(0.4, 0, 1, 1);      /* @kind other */
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);  /* @kind other */

  /* Common composed transitions */
  --transition-colors: color var(--duration-fast) var(--ease-standard),
                       background-color var(--duration-fast) var(--ease-standard),
                       border-color var(--duration-fast) var(--ease-standard); /* @kind other */
  --transition-transform: transform var(--duration-base) var(--ease-out); /* @kind other */
  --transition-shadow: box-shadow var(--duration-base) var(--ease-standard); /* @kind other */
}

@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;
  }
}