/* TOKENS — a única camada onde cor, tipo e espaço são definidos.
   Nenhum valor bruto de cor deve aparecer nos outros arquivos: trocar a
   identidade da marca precisa ser uma edição aqui, e só aqui.
   As cores são as mesmas do catálogo HTML e do PDF (scripts/catalogo.py). */

:root {
  /* Identidade */
  --verde: #457151;
  --verde-escuro: #35583f;
  --creme: #f9f5ef;
  --escuro: #3c3b36;

  /* Neutros derivados, para texto secundário e linhas.
     Os dois cinzas foram ESCURECIDOS para passar no WCAG AA (4.5:1). Os
     valores anteriores — #77736A e #8D897F — davam 4.35 e 3.21 sobre o creme,
     e o segundo era usado justamente no texto miúdo: legenda de card, aviso,
     migalha e letra fina do rodapé. Não há isenção de contraste para texto
     pequeno; se algo é pequeno demais para ler, escurecer é o mínimo.
     Hierarquia preservada por diferença entre os dois, não por um deles falhar.
       --cinza        6.05 sobre creme · 6.57 sobre branco
       --cinza-claro  4.56 sobre creme · 4.95 sobre branco  */
  --cinza: #605d55;
  --cinza-claro: #737067;
  --linha: #e5e0d6;
  --branco: #ffffff;

  /* Tipografia. Fonte de sistema: zero requisição de rede, zero
     dependência externa e nenhum salto de layout ao carregar. */
  --fonte: "Segoe UI", system-ui, -apple-system, Helvetica, Arial, sans-serif;

  --t-xs: 0.75rem;
  --t-sm: 0.875rem;
  --t-md: 1rem;
  --t-lg: 1.125rem;
  --t-xl: 1.5rem;
  --t-2xl: 2rem;
  --t-3xl: 2.75rem;

  /* Escala de espaço, base 4px */
  --e-1: 0.25rem;
  --e-2: 0.5rem;
  --e-3: 0.75rem;
  --e-4: 1rem;
  --e-6: 1.5rem;
  --e-8: 2rem;
  --e-12: 3rem;
  --e-16: 4rem;
  --e-24: 6rem;

  /* A costela-de-adão da peça institucional, recortada com alfa. É a mesma
     folha da capa e da contracapa do PDF e do cabeçalho do catálogo HTML —
     uma imagem só para todas as peças da marca. Proporção 186 × 384. */
  --folha: url("/img/folha.webp");
  --folha-proporcao: 186 / 384;

  --raio: 3px;
  --sombra: 0 6px 20px rgba(60, 59, 54, 0.10);
  --largura-max: 1200px;
  --largura-texto: 62ch;
}