/* Traevo | tokens visuais v0.3 (30/10/2026), estado B, em validação.
   Fonte: 01 Estratégia/Brand System/4 Universo Visual/4.0 Direção visual.md e 4.1 Estilo de campanha.md */
:root {
  color-scheme: light;
  --trv-preto: #0A0A0A;
  --trv-grafite: #3A3A38;
  --trv-cinza-texto: #6B6A66;
  --trv-linha: #E6E4DF;
  --trv-nevoa: #F5F4F0;
  --trv-papel: #FAFAF8;
  --trv-branco: #FFFFFF;
  --trv-amarelo: #E8B84B;
  --trv-amarelo-claro: #FBF1D6;

  /* Textos de destaque sobre fundo claro (contraste medido sobre #FAFAF8) */
  --trv-ocre-texto: #946400;      /* 4,9:1, qualquer tamanho */
  --trv-ocre-titulo: #B07A00;     /* 3,6:1, só título a partir de 32px */

  /* Alternativas do kit de logomarca (29/10/2026). Preto e branco seguem como principais */
  --trv-petroleo: #164B52;
  --trv-salvia: #687B60;

  /* Cores de apoio da ilustração editorial (proposta v0.3, 30/10/2026, em validação). Não são cores de marca */
  --trv-creme: #F6F0E4;
  --trv-areia: #E8DCC4;
  --trv-ceu: #C9D8DB;
  --trv-floresta: #2E4A3B;
  --trv-terracota: #C4673D;
  --trv-cinza-quente: #8C857A;

  /* Camada Luz (capa, hero, social). Fora dela o peso do título é 600 */
  --trv-peso-titulo: 600;
  --trv-peso-titulo-luz: 800;

  --trv-fonte: "Google Sans", "Google Sans Flex", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --trv-raio: 12px;
  --trv-raio-pilula: 999px;
}
