/* tokens.css
   Gerado por 06-Sistema/Scripts/exportar-adama-para-dev.py a partir
   de design/tokens.json. Nao editar na mao: mexer no JSON e exportar
   de novo, senao a proxima exportacao apaga a alteracao.
   Versao 2.0.0, de 2026-08-31. */

:root {
  /* Cor. As combinacoes proibidas estao no fim do arquivo. */
  --cor-preto-dojo: #101010;
  --cor-terracota: #A83000;
  --cor-terracota-claro: #D4541F;
  --cor-dourado: #C0A860;
  --cor-gi: #F2F0E9;
  --cor-gi-puro: #FFFFFF;
  --cor-tatame: #2F6FA0;
  --cor-grafite: #4A4844;
  --cor-cinza: #8A8780;
  --cor-risco: #DCD8CE;

  /* Tipografia. As duas familias sao de licenca aberta, em fonts.google.com. */
  --fonte-display: 'Archivo', 'Arial Narrow', Arial, sans-serif;
  --fonte-texto: 'Barlow', 'Helvetica Neue', Arial, sans-serif;
  --fonte-dado: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
  --altura-linha-corpo: 1.6;
  --altura-linha-titulo: 1.05;
  --entreletra-rotulo: 0.16em;

  /* Escala fluida entre 360 px e 1280 px de viewport. */
  --corpo-hero: clamp(34px, 21.48px + 3.478vw, 66px);
  --corpo-h1: clamp(28px, 22.52px + 1.522vw, 42px);
  --corpo-h2: clamp(22px, 20.04px + 0.543vw, 27px);
  --corpo-h3: clamp(19px, 18.22px + 0.217vw, 21px);
  --corpo-corpo: clamp(16px, 15.61px + 0.109vw, 17px);
  --corpo-rotulo: 13px;
  --corpo-apoio: 15px;
  --corpo-micro: 12px;

  /* Espaco, na grade de 8 px. */
  --espaco-xs: 8px;
  --espaco-sm: 16px;
  --espaco-md: 24px;
  --espaco-lg: 40px;
  --espaco-xl: 64px;
  --espaco-xxl: 96px;

  /* Medida. Raio zero em tudo, e isso nao e provisorio. */
  --raio: 0px;
  --fio: 1px;
  --fio-forte: 3px;
  --faixa-altura: 8px;
  --largura-texto: 720px;
  --largura-pagina: 1180px;
  --margem-celular: 20px;
  --margem-tablet: 32px;
  --margem-desktop: 40px;
  --cabecalho-celular: 60px;
  --cabecalho-desktop: 76px;
  --marca-celular: 30px;
  --marca-desktop: 38px;
  --botao-altura: 48px;
  --botao-padding-h: 24px;
  --botao-peso: 600;
  --alvo-toque: 44px;
  --foco-espessura: 3px;
  --foco-deslocamento: 2px;

  /* Movimento. So hover, foco e abertura. Nada anima na entrada da pagina. */
  --duracao: 180ms;
  --curva: cubic-bezier(0.2, 0, 0, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --duracao: 0ms; }
}

/* Pontos de quebra, para copiar na media query.
   celular          360 px
   celular_grande   480 px
   tablet           768 px
   desktop          1024 px
   largo            1280 px

   Contraste aprovado, em razao de 1:
   gi sobre preto dojo                16.69
   preto dojo sobre gi                16.69
   preto dojo sobre dourado            8.17
   dourado sobre preto dojo            8.17
   grafite sobre gi                    8.00
   gi sobre terracota                  5.96
   terracota sobre gi                  5.96
   gi sobre tatame                     4.72
   terracota claro sobre preto dojo    4.61

   PROIBIDO em texto, reprova na norma de acessibilidade:
   terracota sobre preto dojo          2.80
   dourado sobre gi                    2.03
   cinza sobre gi                      3.14
   dourado sobre terracota             2.92
*/