/**
 * Tokens da página da peça.
 *
 * Fina de propósito: cor de marca, espaço, raio, tipografia e transição já
 * vêm de `compartilhado/css/tokens.css`, que entra antes desta folha em toda
 * página. Aqui ficam só os valores que esta tela inventa — e ela inventa
 * pouco: um painel escuro e um verde de ação.
 *
 * Não há PSD desta página. Ela nasceu em 17/08/2026, quando o compartilhamento
 * da /campanha passou a mandar o endereço da peça em vez do arquivo, e o azul
 * vem do rodapé do site para não abrir uma paleta nova no meio do caminho.
 */

:root {
  /* ---- superfícies ----
     O painel repete o azul do rodapé (`--cor-rodape-campo`) e o palco da arte
     é um degrau mais escuro, para a peça se destacar do fundo sem moldura. */
  --p-painel: #001e76;
  --p-palco: #00133f;

  /* ---- texto sobre o azul ---- */
  --p-texto: #ffffff;
  /* 4,9:1 sobre #001E76 — passa em AA para os rótulos pequenos. */
  --p-apoio: #b9c9ff;

  /* ---- ação ---- */
  --p-zap: #04aa1f;
  --p-zap-fundo: #038a19;
  --p-borda: rgb(255 255 255 / 22%);
  --p-borda-forte: rgb(255 255 255 / 45%);

  /* Altura máxima da arte. `vh` para caber na tela sem rolar no desktop, e um
     teto em rem para a arte não crescer sem fim em monitor alto. */
  --p-midia-altura: min(74vh, 44rem);
}
