/* =========================================================================
   Tira-Teima — TOKENS DE MARCA (identidade compartilhada por todos os games)
   -------------------------------------------------------------------------
   Fonte única de identidade. Hub + cada jogo importam este arquivo.
   Direção: "O Almanaque da Resenha" (handoff Claude Design, jun/2026).
   Verde gramado + papel off-white + dourado foil + vermelho de banca.
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&family=Space+Mono:wght@400;700&family=Caveat:wght@600;700&family=Special+Elite&display=swap');

:root{
  /* — superfícies — */
  --bg:#0c2419;        /* base grama (fundo escuro) */
  --panel:#efe5cf;     /* papel off-white (cartões claros) */
  --news:#e7e0cf;      /* papel jornal */
  --paper-d:#e3d6b8;   /* papel sombreado */
  --line:#cdbf9c;      /* linha/borda no papel */

  /* — marca — */
  --grass:#1f7a40;     /* verde primário */
  --grass-d:#0f3d22;   /* verde escuro */
  --gold:#e3a92b;      /* dourado / foil / CTA */
  --banca:#d8492b;     /* vermelho de banca (acento pontual) */

  /* — feedback dos jogos: verde acerto / amarelo perto / escuro erro — */
  --hit:#3f9a3e;
  --near:#e0b53a;
  --miss:#272620;

  /* — texto — */
  --txt:#f3ecda;       /* texto claro (sobre fundo escuro) */
  --ink:#211c14;       /* texto escuro (sobre papel) */
  --muted:#9fae97;     /* secundário sobre escuro */
  --ink-muted:#8a7d5e; /* secundário sobre papel */

  /* — tipografia — */
  --font:'Barlow Condensed',sans-serif;   /* corpo */
  --font-display:'Anton',sans-serif;       /* manchetes / números de camisa */
  --font-mono:'Space Mono',monospace;      /* metadados (nº do dia, placar) */
  --font-hand:'Caveat',cursive;            /* palpite à caneta */
  --font-type:'Special Elite',monospace;   /* máquina de escrever (volante) */

  /* — forma — */
  --radius:4px;

  /* — marca (meta) — */
  --brand-nome:"Tira-Teima";

  /* textura: retícula/halftone sutil pra fundos */
  --halftone: radial-gradient(rgba(15,61,34,.06) 1px, transparent 1.5px);
}