/* "O movimento tem massa": nada aparece ou desaparece instantaneamente.
   Animar só transform e opacity. prefers-reduced-motion vira corte seco, não opcional. */
:root{
  /* hover, foco */
  --m360-dur-rapida:160ms; /* @kind other */
  /* painel, aba */
  --m360-dur-media:340ms; /* @kind other */
  /* entrada em viewport */
  --m360-dur-lenta:700ms; /* @kind other */
  /* abertura, onda halftone */
  --m360-dur-cinema:1200ms; /* @kind other */

  --m360-ease:cubic-bezier(.32,.72,0,1); /* @kind other */
  --m360-ease-entrada:cubic-bezier(.16,1,.3,1); /* @kind other */
  --m360-ease-saida:cubic-bezier(.7,0,.84,0); /* @kind other */
  --m360-ease-onda:cubic-bezier(.37,0,.63,1); /* @kind other */

  --m360-hover-subida:-3px; /* @kind other */
  --m360-ativo-escala:.985; /* @kind other */
  --m360-icone-hover-escala:1.07; /* @kind other */
  --m360-icone-hover-rotacao:-3deg; /* @kind other */
  /* entre irmãos */
  --m360-escalonamento:80ms; /* @kind other */

  /* Halftone — o raio varia, a opacidade NUNCA. */
  --m360-halftone-passo:18px; /* @kind other */
  --m360-halftone-raio-min:.06; /* @kind other */
  --m360-halftone-raio-max:.46; /* @kind other */
}
@media (prefers-reduced-motion:reduce){
  :root{
    --m360-dur-rapida:0ms; /* @kind other */
    --m360-dur-media:0ms; /* @kind other */
    --m360-dur-lenta:0ms; /* @kind other */
    --m360-dur-cinema:0ms; /* @kind other */
  }
}