/**
 * Tokens de marca do site institucional do IBEF Ceará — cor e tipografia.
 * Padrão oficial (2026-09-13): os valores exatos já usados em inicio.php.
 * Compartilhado por inicio.php, noticia.php, noticias.php, 40anos/ e
 * equilibrista/ — qualquer ajuste de cor/fonte de marca deve ser feito SÓ
 * aqui, nunca duplicado de novo em cada página.
 *
 * NÃO inclui o painel de associados (associados/) — tem seu próprio design
 * system em associados/public/assets/css/style.css, fora deste escopo por
 * pedido explícito do usuário.
 *
 * Layout específico de cada página (larguras de container, grids, componentes)
 * continua no CSS próprio de cada uma — este arquivo é só cor e fonte.
 */
:root{
  --navy-950:#040d19;
  --navy-900:#061a30;
  --navy-800:#0a2744;
  --navy-700:#0d3a60;
  --navy-600:#115079;
  --gold:#e8b64c;
  --gold-600:#c99a33;
  --cream:#f6f4ef;
  --ice:#eef5f9;
  --ink:#0b1f36;
  --muted:#5c6b7c;
  --line:#dfe5ec;
  --white:#fff;
  --serif:'Playfair Display', Georgia, 'Times New Roman', serif;
  --sans:'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* Cores dos eixos — usadas no rótulo de categoria dos cards (notícias,
   galerias, início) e nos filtros do topo. Qualquer elemento com
   data-cat="<eixo>" ganha --cor-eixo (cor do eixo) e --cor-eixo-txt (texto
   legível em cima dela, pro chip ativo). "Institucional" fica no azul da marca
   pra não confundir com o amarelo do IBEF Jovem. */
:root{
  --eixo-institucional:#115079;
  --eixo-jovem:#e0a100;
  --eixo-sustentabilidade:#2e8b3e;
  --eixo-academy:#e2761b;
  --eixo-mulher:#8a1f3d;
  --eixo-credito:#2b9fd9;
  --cor-eixo:var(--eixo-institucional);
  --cor-eixo-txt:#fff;
}
[data-cat="institucional"]{--cor-eixo:var(--eixo-institucional)}
[data-cat="jovem"]{--cor-eixo:var(--eixo-jovem);--cor-eixo-txt:var(--navy-900)}
[data-cat="sustentabilidade"]{--cor-eixo:var(--eixo-sustentabilidade)}
[data-cat="academy"]{--cor-eixo:var(--eixo-academy)}
[data-cat="mulher"]{--cor-eixo:var(--eixo-mulher)}
[data-cat="credito"]{--cor-eixo:var(--eixo-credito)}

/* Título serifado padrão (hero, títulos de seção, destaques) — mesmo peso do
   "O Equilibrista ao longo do tempo": Playfair 600, itálico dourado no <em>.
   As páginas que usam devem carregar Playfair Display 600 e itálico 600/700. */
.h-serif{font-family:var(--serif);font-weight:600;letter-spacing:0;line-height:1.02}
.h-serif em{font-style:italic;color:var(--gold)}