/* =====================================================================
   0. TOKENS  (a paleta sai da carta A Justiça)
   ===================================================================== */
:root{
  --paper:       #E8D9B4;
  --paper-light: #F2E8D2;
  --ink:         #15130F;
  --wine:        #761E22;
  --wine-deep:   #551317;
  --arcane-gold: #C3973B;
  --stone:       #C3B59C;
  --warm-gray:   #746C60;

  /* Derivados para contraste AA em texto pequeno (warm-gray sobre paper não passa) */
  --ink-2: #4A443A;
  --rule: rgba(21,19,15,.26);
  --rule-claro: rgba(232,217,180,.28);

  --f-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --f-texto: "Source Serif 4", Georgia, "Times New Roman", serif;
  --f-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;

  --max: 1240px;
  --gutter: 16px;
  --barra: 56px;
  --secao: 52px;

  --canto-tl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cg fill='none' stroke='%23C3973B'%3E%3Cpath d='M1 22V1h21' stroke-width='1.5'/%3E%3Cpath d='M5 22V9a4 4 0 0 1 4-4h13'/%3E%3C/g%3E%3Cpath d='M9 12l3-3 3 3-3 3z' fill='%23C3973B'/%3E%3C/svg%3E");
  --canto-tr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cg transform='matrix(-1 0 0 1 22 0)'%3E%3Cg fill='none' stroke='%23C3973B'%3E%3Cpath d='M1 22V1h21' stroke-width='1.5'/%3E%3Cpath d='M5 22V9a4 4 0 0 1 4-4h13'/%3E%3C/g%3E%3Cpath d='M9 12l3-3 3 3-3 3z' fill='%23C3973B'/%3E%3C/g%3E%3C/svg%3E");
  --canto-bl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cg transform='matrix(1 0 0 -1 0 22)'%3E%3Cg fill='none' stroke='%23C3973B'%3E%3Cpath d='M1 22V1h21' stroke-width='1.5'/%3E%3Cpath d='M5 22V9a4 4 0 0 1 4-4h13'/%3E%3C/g%3E%3Cpath d='M9 12l3-3 3 3-3 3z' fill='%23C3973B'/%3E%3C/g%3E%3C/svg%3E");
  --canto-br: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cg transform='matrix(-1 0 0 -1 22 22)'%3E%3Cg fill='none' stroke='%23C3973B'%3E%3Cpath d='M1 22V1h21' stroke-width='1.5'/%3E%3Cpath d='M5 22V9a4 4 0 0 1 4-4h13'/%3E%3C/g%3E%3Cpath d='M9 12l3-3 3 3-3 3z' fill='%23C3973B'/%3E%3C/g%3E%3C/svg%3E");
  --cantos: var(--canto-tl) top left / 20px no-repeat, var(--canto-tr) top right / 20px no-repeat, var(--canto-bl) bottom left / 20px no-repeat, var(--canto-br) bottom right / 20px no-repeat;

  /* Textura de impressão: ruído feTurbulence, rasterizado uma vez e repetido (sem blend fixo, leve no celular) */
  --ruido: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 .07 0 0 0 0 .05 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
@media (min-width: 768px){ :root{ --gutter: 28px; --secao: 72px; } }
@media (min-width: 1200px){ :root{ --gutter: 40px; --secao: 104px; } }