/* Tokens de motion do site ARK. Espelho do @theme do ark-web-starter v1.1.0.
   Carregado depois do colors_and_type.css do design system: --ease-out aqui
   SOBRESCREVE o do DS, que era a curva expo e agora se chama --ease-out-expo.

   UI (hover, foco, press, dropdown, menu): ate 3 curvas, sempre abaixo de 300ms.
   Reveal (entrada de secao no scroll): 1 curva, so para reveal, nunca em UI.
   Curva ou duracao nova so com motivo registrado. */
:root {
  /* Easings de UI */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);      /* entrar/sair, hover, cor */
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);  /* mover/morfar na tela */
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);   /* drawer / sheet */

  /* Easing de reveal. Nao usar em UI. */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  /* Duracoes de UI */
  --dur-ui-fast: 150ms;  /* cor, foco, press; controles (botoes, links, chips, inputs) */
  --dur-ui: 200ms;       /* aparecer/sumir, dropdown; superficies (cards, linhas, header) */

  /* Duracao do reveal (entrada de secao). Nome proprio de proposito: --dur-fast e
     --dur-slow ja existem no DS com valores de UI (140ms / 420ms).
     Espelho no JS: duration 0.9 do hero no GSAP da Home. */
  --dur-reveal: 0.9s;

  /* Deslocamento padrao do reveal (espelho: y: 28 no GSAP da Home) */
  --reveal-y: 28px;
}