/* Usinagem Rodrigues · cores e fontes (Manual da Marca v1, out/2026)
   Proporção na página: ~70% branco/cinza claro, 20% preto/grafite, 10% verde.
   --verde nunca em texto sobre branco: use --verde-escuro. --aco nunca em texto sobre branco. */

:root {
  /* Cores */
  --verde: #4CA82A;        /* logo, linha de marca, ícones, botões e títulos sobre escuro */
  --verde-escuro: #1F5A1A; /* títulos, links e botões sobre claro */
  --preto: #111111;        /* rodapé, faixas escuras, texto sobre botão verde */
  --grafite: #2B2F33;      /* texto principal */
  --aco: #8E979E;          /* linhas e ícones sobre escuro */
  --cinza-claro: #F2F4F3;  /* fundos que separam seções e cartões */
  --branco: #FFFFFF;
  --linha: #D9DDDB;        /* linha fina sobre claro (cinza claro escurecido) */
  --linha-escura: #2B2F33; /* linha fina sobre preto */
  --texto-suave: #5A6167;  /* texto secundário sobre claro (contraste AA) */
  --texto-suave-escuro: #B9C0C5; /* texto secundário sobre preto (contraste AA) */

  /* Fontes: só Barlow. Sem a Barlow: Arial Narrow nos títulos e Arial no texto. */
  --fonte-titulo: "Barlow Semi Condensed", "Arial Narrow", Arial, sans-serif;
  --fonte-texto: "Barlow", Arial, sans-serif;

  /* Tamanhos (manual: 48 / 32 / 22 / 13 / 17 / 28 px na tela) */
  --t-destaque: clamp(2.5rem, 1.6rem + 4.2vw, 4.5rem);
  --t1: clamp(2rem, 1.4rem + 2.6vw, 3rem);
  --t2: clamp(1.625rem, 1.3rem + 1.3vw, 2rem);
  --t3: 1.375rem;
  --t-sobretitulo: 0.8125rem;
  --t-texto: 1.0625rem;
  --t-medida: 1.75rem;

  /* Forma */
  --raio: 4px;
  --linha-marca-larg: 56px;
  --linha-marca-alt: 4px;

  /* Espaço */
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
  --secao: clamp(4rem, 2.5rem + 6vw, 8rem);
  --largura: 1200px;
}