/* ════════════════════════════════════════════════════════════════
   Traço/Feito — Tokens do site
   Manual de Campo como lei · alinhado a DESIGN.md + tokens.css v3
   Nomes de variável seguem o que já está no ar (Site_Homepage_v1.html)
   para manter continuidade; valores seguem o DESIGN.md.
   ════════════════════════════════════════════════════════════════ */

:root {

  /* ---------- PALETA ---------- */
  --argila-queimada: #C4956A;  /* CTA, códigos de campo, foco  */
  --argila-escura:   #8B5E3C;  /* hover de CTA                 */
  --argila-clara:    #DDB68A;  /* estados ativos, texto sobre escuro */
  --argila-palida:   #F2E6D9;  /* fundo de seções destacadas   */
  --tinta-funda:     #2C2118;  /* texto corrido, fundo escuro  */
  --adobe-profundo:  #5C3D2E;  /* citações, texto de apoio     */
  --papel-cru:       #F5F0EA;  /* fundo padrão (nunca branco)  */
  --areia-escura:    #E8DDD5;  /* bordas, separadores, pauta   */
  --tinta-registro:  #1E2540;  /* numeração, referências, links de leitura */
  --branco:          #FFFFFF;  /* só exceção técnica (e-mail/PDF) */

  /* ---------- TIPOGRAFIA ---------- */
  --lora: 'Lora', 'Tiempos Headline', Georgia, serif;
  --sans: 'Source Sans 3', system-ui, -apple-system, sans-serif;

  --peso-leve:    400;
  --peso-regular: 400;
  --peso-semi:    600;
  --peso-bold:    700;

  /* Corpo: DESIGN.md — 15px / 1.75 / máx 68ch */
  --corpo-size:   15px;
  --corpo-leading: 1.75;
  --corpo-medida: 68ch;

  /* Tracking */
  --track-wide:   0.05em;  /* datas                        */
  --track-wider:  0.10em;  /* rótulos, notas marginais     */
  --track-widest: 0.15em;  /* eyebrows, etiquetas          */
  --track-campo:  0.20em;  /* código de campo (máximo)     */

  /* ---------- RAIO (cantos quadrados) ---------- */
  --raio-nenhum:    0px;   /* default: tudo                */
  --raio-minimo:    1px;   /* etiquetas digitais           */
  --raio-funcional: 2px;   /* máximo absoluto: CTA         */

  /* ---------- GRID DA PÁGINA (anatomia do caderno) ---------- */
  --grid-margem-externa: 64px;
  --grid-margem-nota:   148px;  /* coluna de anotação       */
  --grid-sarjeta:        24px;
  --grid-pauta-altura:   30px;  /* altura da linha de pauta */
  --grid-max:          1660px;  /* largura total (como no ar) */
  --grid-max-leitura:  1200px;  /* páginas de leitura longa */

  --gutter: clamp(28px, 6vw, 130px);

  /* ---------- PADRÕES DE SUPERFÍCIE ---------- */
  --pauta-lines: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent calc(var(--grid-pauta-altura) - 1px),
    rgba(196,149,106,0.16) calc(var(--grid-pauta-altura) - 1px),
    rgba(196,149,106,0.16) var(--grid-pauta-altura)
  );

  --trama-escura:
    repeating-linear-gradient(0deg,
      rgba(196,149,106,0.10) 0px, rgba(196,149,106,0.10) 1px,
      transparent 1px, transparent 5px),
    repeating-linear-gradient(62deg,
      rgba(196,149,106,0.06) 0px, rgba(196,149,106,0.06) 1px,
      transparent 1px, transparent 9px);
}