/* Movimento curto e confiante: fade e translação de 2 a 8px. Sem bounce,
   sem mola, sem overshoot — a Clini é calma. Nada acima de 420ms. */
:root {
  --tempo-instante: 80ms; /* @kind other */
  --tempo-rapido: 120ms; /* @kind other */
  --tempo-base: 200ms; /* @kind other */
  --tempo-lento: 320ms; /* @kind other */
  --tempo-folha: 420ms; /* @kind other */

  --curva-padrao: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --curva-saida: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --curva-dupla: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */

  --transicao-controle: background-color var(--tempo-rapido) var(--curva-padrao),
    color var(--tempo-rapido) var(--curva-padrao),
    border-color var(--tempo-rapido) var(--curva-padrao),
    box-shadow var(--tempo-rapido) var(--curva-padrao),
    transform var(--tempo-rapido) var(--curva-padrao); /* @kind other */
  --transicao-superficie: box-shadow var(--tempo-base) var(--curva-padrao),
    transform var(--tempo-base) var(--curva-padrao); /* @kind other */
  --transicao-fade: opacity var(--tempo-base) var(--curva-padrao); /* @kind other */

  --escala-toque: 0.97; /* @kind other */
  --sobe: -2px; /* @kind other */
}