/**
 * Tokens da página genérica.
 *
 * Serve o que cai no `page.php` sem template próprio — Política de
 * Privacidade, termos e afins. Não há PSD para essas páginas: os valores são
 * REUSADOS dos tokens já medidos da /noticia-interna, que é a única página de
 * texto corrido do projeto. Nada aqui é chute — é a escala da matéria aplicada
 * a outro documento de leitura.
 *
 * Prefixo `--g-` e NENHUM token do compartilhado redefinido (é o padrão de
 * /noticias, /agenda e /imprensa, ver CLAUDE.md). Sem colisão com o topo e o
 * rodapé, portanto sem bloco escopado ao `main`.
 */

:root {
  /* ---- Superfícies ----
   * O fundo da página é branco; o creme do compartilhado fica só no topo e no
   * rodapé — mesma decisão da /noticia-interna. Vem de `--cor-superficie` e não
   * de um `#fff` solto porque assim a barra de acessibilidade continua
   * funcionando: no tema escuro esse token já é #24231E e no alto contraste é
   * #000, sem precisar de regra extra.
   */
  --g-fundo: var(--cor-superficie);

  /* ---- Texto ---- */
  --g-cor-titulo: #4a4a4a; /* igual ao título da matéria */
  --g-cor-corpo: #2f2f2f;
  --g-cor-link: var(--cor-marca-secundaria);
  --g-cor-tabela-cabecalho: #f2f0e9; /* creme do compartilhado, como faixa */

  /* ---- Tipografia (escala da /noticia-interna) ---- */
  --g-texto-titulo: clamp(1.75rem, 2.2vw, 2.64rem); /* um degrau abaixo do
     título da matéria: aqui é documento legal, não manchete */
  --g-texto-h2: clamp(1.25rem, 1.4vw, 1.68rem);
  --g-texto-h3: clamp(1.0625rem, 1.13vw, 1.356rem); /* --texto-subtitulo */
  --g-texto-corpo: clamp(1rem, 0.924vw, 1.109rem); /* 17,75px a 1920 */
  --g-texto-legenda: 0.986rem;

  /* 1,6 e não o 1,22 da matéria: parágrafo jurídico é longo e denso, e o passo
     curto do editorial trava a leitura. 1,5 é o piso da base. */
  --g-lh-corpo: 1.6;

  /* ---- Medidas ---- */
  --g-largura-artigo: 1152px; /* TEXTO CORRIDO da /noticia-interna */
}

/*
 * Tema escuro e alto contraste: o cinza do título some contra o fundo. Volta
 * para a cor de texto do compartilhado, que os dois temas já resolvem.
 */
:root[data-theme='dark'],
:root[data-contraste='alto'] {
  --g-cor-titulo: var(--cor-texto);
  --g-cor-corpo: var(--cor-texto);
  --g-cor-link: var(--cor-foco);
  --g-cor-tabela-cabecalho: var(--cor-fundo);
}