/* Maurilio Paulino Junior — tokens do site
 *
 * A identidade (cor, tipografia, régua da logo) vem de assets/tokens-identidade.css,
 * ligado no <head> antes deste arquivo, que é cópia de identidade/tokens-identidade.css.
 * Para mudar cor ou fonte, edite lá e rode identidade/sincronizar.sh.
 *
 * Aqui fica só decisão deste site: espaço, medida de coluna e movimento.
 */

:root{
  /* --- espaço, 4pt ------------------------------------------------------- */
  --e-3xs: .25rem;  --e-2xs: .5rem;   --e-xs: .75rem;
  --e-sm:  1rem;    --e-md:  1.5rem;  --e-lg: 2.25rem;
  --e-xl:  3.5rem;  --e-2xl: 5.5rem;  --e-3xl: 8rem;
  --margem: clamp(1rem, .6rem + 2.4vw, 2.5rem);

  /* --- movimento: escala do transitions.dev ------------------------------ */
  --dur-micro:   80ms;   /* escalonamento entre linhas                       */
  --dur-rapida: 150ms;   /* fechar popover, hover de cor                     */
  --dur-curta:  250ms;   /* abrir popover e menu                             */
  --dur-media:  350ms;   /* seta do link, cabeçalho virando sólido           */
  --dur-lenta:  500ms;   /* revelar texto                                    */
  --dur-realce: 900ms;   /* realce prata e régua do bloco se desenhando      */
  --ease-suave: cubic-bezier(.22,1,.36,1);
  --ease-in-out: ease-in-out;
  --dist-texto: 12px;
  --blur-texto: 3px;
  --escala-popover: .96;

  /* --- traço e raio ------------------------------------------------------ */
  --fio: 1px;  --fio-forte: 2px;
  --raio: 2px; --raio-grande: 4px;

  /* --- corpos de apoio que a identidade não define ----------------------- */
  --texto-sm: .9375rem;  /* 15px */
  --texto-xs: .8125rem;  /* 13px */
  --texto-guia: 1.125rem;/* 18px: corpo das páginas de área, leitura longa   */

  /* --- medida ------------------------------------------------------------ */
  --largura: 72rem;
  --leitura: 38rem;
  --alvo: 2.875rem;      /* 46px, área de toque mínima                       */
  --cabecalho-h: 4.5rem;
}