/* ==========================================================================
   Tokens — Movimento
   Animação discreta: fade e mudança de cor. Sem bounce, sem parallax.
   ========================================================================== */

:root {
  --curva-suave: cubic-bezier(0.22, 0.61, 0.36, 1);
  --curva-saida: cubic-bezier(0.4, 0, 0.2, 1);

  --duracao-rapida: 140ms;
  --duracao-base: 220ms;
  --duracao-lenta: 420ms;
  --duracao-revelacao: 700ms;

  /* Encadeamento da primeira seção ---------------------------------- */
  --passo-encadeamento: 90ms;

  --transicao-cor:
    color var(--duracao-base) var(--curva-suave),
    background-color var(--duracao-base) var(--curva-suave),
    border-color var(--duracao-base) var(--curva-suave);

  --escala-pressionado: 0.985;
}