/**
 * Tokens do Credenciamento de imprensa.
 *
 * Carregar DEPOIS de `compartilhado/css/tokens.css`.
 *
 * Mesma regra das outras páginas sem PSD: nada aqui redefine token do
 * compartilhado — o que é próprio nasce com prefixo `--c-`, e assim não existe
 * colisão possível com o topo e o rodapé (ver CLAUDE.md).
 *
 * A página não tem layout de origem. As cores são as da campanha, já usadas em
 * outras páginas — nada foi escolhido "porque combina": vermelho #FD0000,
 * verde #00B923, azul #0034D2, creme #F2F0E9 e o cinza de apoio #6B6B6B.
 */

:root {
  /* ---- Superfícies ----
   * Fundo e superfície são o MESMO branco (pedido de 12/08/2026), como já
   * acontece na /imprensa: quem separa os blocos passa a ser a borda, e o
   * cartão do formulário se destaca pela sombra, não pela cor.
   */
  --c-fundo: #ffffff;
  --c-superficie: #ffffff;
  --c-borda: #e2e0d8;

  --c-texto: #2f2f2f;
  --c-apoio: #6b6b6b;

  /* Vermelho da campanha no display; o escuro é o mesmo tom em versão legível
     sobre claro (7:1), já usado nos botões de faixa da /mobilizacao. */
  --c-marca: #fd0000;
  --c-marca-escura: #a20301;
  --c-azul: #0034d2;
  /*
   * Cor do texto que pousa SOBRE o vermelho escuro — o selo, o número do bloco
   * e o botão de enviar. Token, e não `#fff` solto, porque no tema escuro esse
   * vermelho clareia para caber no fundo preto e o branco em cima dele cai para
   * 1.9:1. Ali quem inverte é o texto.
   */
  --c-sobre-marca: #ffffff;

  /*
   * Permitido e proibido no quadro de revista.
   *
   * O verde é o #079400 e não o #00B923 da marca: sobre branco o da marca dá
   * 2.8:1 e não alcança nem o piso de 3:1 de componente não textual. A forma do
   * ícone (visto ou cruz) e o rótulo em texto carregam o mesmo recado sem
   * depender de cor nenhuma.
   */
  --c-pode: #079400;
  --c-pode-fundo: #eaf6ea;
  --c-nao: #a20301;
  --c-nao-fundo: #fdecec;

  /* ---- Escala ----
   * O display é a Transducer Condensed Black, a mesma do resto do site. O corpo
   * fecha em 1.0625rem porque a página é documento: são 25 regras para ler.
   */
  --c-texto-titulo: clamp(2.5rem, 4.6vw, 5rem);
  --c-texto-secao: clamp(1.5rem, 2.2vw, 2.375rem);
  --c-texto-bloco: clamp(1.125rem, 1.35vw, 1.5rem);
  --c-texto-cartao: clamp(1.0625rem, 1.1vw, 1.25rem);
  --c-texto-corpo: clamp(1rem, 0.95vw, 1.0625rem);
  --c-texto-apoio: clamp(0.875rem, 0.85vw, 0.9375rem);
  --c-texto-chapeu: clamp(0.75rem, 0.78vw, 0.875rem);

  --c-lh-corpo: 1.55;

  --c-raio: 14px;
  --c-raio-p: 8px;
  --c-sombra: 0 1px 2px rgb(0 0 0 / 0.04), 0 8px 24px rgb(0 0 0 / 0.06);
}

:root[data-theme='dark'] {
  --c-fundo: #14130f;
  --c-superficie: #24231e;
  --c-borda: #35332c;
  --c-texto: #f2f0e9;
  --c-apoio: #a5a29a;
  --c-marca: #ff5b5b;
  --c-marca-escura: #ff8a86;
  --c-sobre-marca: #14130f;
  --c-azul: #9db8ff;
  --c-pode: #57d15c;
  --c-pode-fundo: #16281a;
  --c-nao: #ff8a86;
  --c-nao-fundo: #2a1616;
  --c-sombra: 0 1px 2px rgb(0 0 0 / 0.3), 0 8px 24px rgb(0 0 0 / 0.35);
}

:root[data-contraste='alto'] {
  --c-fundo: #000;
  --c-superficie: #000;
  --c-borda: #fff;
  --c-texto: #fff;
  --c-apoio: #fff;
  --c-marca: #ff0;
  --c-marca-escura: #ff0;
  --c-sobre-marca: #000;
  --c-azul: #ff0;
  --c-pode: #0f0;
  --c-pode-fundo: #000;
  --c-nao: #ff0;
  --c-nao-fundo: #000;
  --c-sombra: none;
}