/**
 * Tokens da listagem de notícias.
 *
 * Carregar DEPOIS de `compartilhado/css/tokens.css`.
 *
 * REGRA QUE ESTA PÁGINA SEGUE À RISCA: nada aqui redefine um token do
 * compartilhado. Nem `--gutter`, nem `--espaco-*`, nem `--cor-fundo`,
 * `--cor-foco`, `--container-max`. Esses continuam valendo como estão e são
 * consumidos direto. O que é próprio da página nasce com prefixo `--n-`, então
 * não existe colisão possível com o topo e o rodapé — foi exatamente esse tipo
 * de colisão que quebrou o menu do /noticia-interna e o anel de foco do
 * /legado (ver CLAUDE.md).
 *
 * A página não tem PSD. Cores e escala saem do vocabulário já estabelecido: o
 * azul das manchetes e o verde do selo vêm da home, medidos lá no layout.
 */

:root {
  /* ---- Cores herdadas do vocabulário da home (medidas no PSD de lá) ---- */
  --n-cor-manchete: #012288; /* manchete de card, o mesmo --cor-noticia-titulo */
  --n-cor-chapeu: #0034d2; /* categoria e "leia mais" */
  --n-cor-selo: #00b923; /* verde do selo NOTÍCIAS */
  --n-cor-corpo: #2f2f2f;
  --n-cor-apoio: #6b6b6b;
  --n-cor-superficie: #ffffff;
  /* Branco, não o creme do compartilhado — decisão de 08/08/2026. Com fundo e
     superfície iguais, quem separa os cards passa a ser a BORDA; ver o
     comentário em `.cartao`, no noticias.css. */
  --n-cor-fundo: #ffffff;
  --n-cor-borda: #e2e0d8;

  /* Um acento por categoria. Os cinco primeiros são os mesmos acentos da home
     ("para maratonar"); o sexto é o azul da marca. */
  --n-acento-economia: #ffd500;
  --n-acento-saude: #00b923;
  --n-acento-educacao: #009cff;
  --n-acento-ambiente: #ff9600;
  --n-acento-internacional: #ff009c;
  --n-acento-infraestrutura: #0034d2;

  /* ---- Escala ----
   * Mesma lógica das outras páginas: clamp com o vw calculado sobre 1920. Sem
   * PSD para copiar, os corpos saem da escala da notícia interna, um degrau
   * abaixo — aqui é listagem, não leitura longa.
   */
  --n-texto-titulo-pagina: clamp(2.25rem, 3.2vw, 3.75rem);
  --n-texto-destaque: clamp(1.5rem, 2.1vw, 2.5rem);
  --n-texto-card: clamp(1.0625rem, 1.15vw, 1.375rem);
  --n-texto-resumo: clamp(0.9375rem, 0.85vw, 1.0625rem);
  --n-texto-meta: clamp(0.75rem, 0.7vw, 0.8125rem);
  --n-texto-chip: clamp(0.75rem, 0.72vw, 0.875rem);

  --n-lh-titulo: 1.1;
  --n-lh-corpo: 1.5;

  /* ---- Medidas próprias ---- */
  --n-card-min: 17rem; /* largura mínima do card na grade automática */
  --n-raio: 12px;
  --n-sombra: 0 2px 10px rgb(0 0 0 / 0.06);
  --n-sombra-alta: 0 10px 24px rgb(0 0 0 / 0.12);
}

/* Tema escuro: o compartilhado já vira o fundo e o texto da página; aqui vai
   só o que é próprio, senão sobra card branco sobre página preta. */
:root[data-theme='dark'] {
  --n-cor-manchete: #9db8ff;
  --n-cor-chapeu: #7ea2ff;
  --n-cor-corpo: #f2f0e9;
  --n-cor-apoio: #a5a29a;
  --n-cor-superficie: #24231e;
  --n-cor-fundo: #14130f;
  --n-cor-borda: #35332c;
}

:root[data-contraste='alto'] {
  --n-cor-manchete: #ff0;
  --n-cor-chapeu: #ff0;
  --n-cor-corpo: #fff;
  --n-cor-apoio: #fff;
  --n-cor-superficie: #000;
  --n-cor-fundo: #000;
  --n-cor-borda: #fff;
  --n-sombra: none;
  --n-sombra-alta: none;
}