/* ============================================================================
 * File: css/base/tokens.css
 * Theme: portalv4.0
 * ----------------------------------------------------------------------------
 * Portado de portalv2.0/css/base/tokens.css em 2026-05-28 (frente1 header/menu).
 *
 * Mudança em relação ao tokens.css do v2:
 *   - Removidas as 12 linhas de "PADRÃO TIPOGRÁFICO GLOBAL" (originalmente linhas
 *     78-89 do v2), que aplicavam font-family em <html>, <body>, inputs e
 *     <h1>..<h6> de QUALQUER página.
 *   - Essas regras foram movidas, com escopo restrito a .v2-hdr / .menu-overlay
 *     / .hv-search, pro topo de css/components/header-v2.css.
 *   - Motivo: nessa frente o port é só do header/menu. Aplicar a tipografia
 *     editorial globalmente quebraria a tipografia das demais páginas do v4 que
 *     ainda não foram portadas. Generalizar quando o port avançar.
 *
 * Tokens institucionais — usar var(--nome) em todo o CSS do tema.
 * ============================================================================ */

:root {
  /* === CORES INSTITUCIONAIS === */
  --cor-primaria: #1a3d6e;
  --cor-primaria-escura: #0f2847;
  --cor-secundaria: #d4a017;

  /* === CORES POR ÁREA === */
  --cor-saude: #2d8659;
  --cor-humanas: #b8442e;
  --cor-exatas: #4a5fa8;

  /* === CORES NEUTRAS === */
  --cor-texto: #1a1a1a;
  --cor-texto-suave: #555555;
  --cor-fundo: #ffffff;
  --cor-fundo-suave: #f5f5f5;
  --cor-borda: #e0e0e0;

  /* === FONTES (padrão da home e do menu — Source Serif 4 + Inter + Bebas Neue) === */
  --fonte-titulo: 'Source Serif 4', 'Georgia', 'Times New Roman', serif;
  --fonte-corpo:  'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --fonte-caps:   'Bebas Neue', Impact, sans-serif;

  /* Aliases legados — qualquer var() antiga aponta para o par institucional */
  --fs: var(--fonte-titulo);
  --serif: var(--fonte-titulo);
  --fdisplay: var(--fonte-titulo);
  --fd: var(--fonte-titulo);
  --grad-fdisplay: var(--fonte-titulo);
  --grad-fs: var(--fonte-titulo);
  --u25-serif: var(--fonte-titulo);
  --georgia: var(--fonte-titulo);

  --fn: var(--fonte-corpo);
  --fsans: var(--fonte-corpo);
  --font: var(--fonte-corpo);
  --body: var(--fonte-corpo);
  --num: var(--fonte-corpo);
  --grad-fsans: var(--fonte-corpo);
  --u25-body: var(--fonte-corpo);

  --fcaps: var(--fonte-caps);
  --caps: var(--fonte-caps);
  --grad-fcaps: var(--fonte-caps);
  --u25-caps: var(--fonte-caps);

  /* === TAMANHOS DE FONTE === */
  --texto-xs: 0.75rem;
  --texto-sm: 0.875rem;
  --texto-base: 1rem;
  --texto-lg: 1.25rem;
  --texto-xl: 2rem;
  --texto-2xl: 3rem;

  /* === ESPAÇAMENTOS === */
  --espacamento-base: 8px;
  --espacamento-1: 8px;
  --espacamento-2: 16px;
  --espacamento-3: 24px;
  --espacamento-4: 32px;
  --espacamento-6: 48px;
  --espacamento-8: 64px;

  /* === LAYOUT === */
  --max-width: 1280px;
  --raio-borda: 4px;
  --raio-borda-grande: 8px;

  /* === ANIMAÇÃO === */
  --transicao-rapida: 150ms ease;
  --transicao-padrao: 300ms ease;
}

/* As regras tipográficas globais que existiam aqui no v2 foram movidas
   pra css/components/header-v2.css, com escopo .v2-hdr / .menu-overlay /
   .hv-search. Ver topo daquele arquivo. */

/* =========================================================================
   FUNDO GLOBAL — cream editorial (#faf9f6) em TODAS as páginas (frente10).
   Hardcoded porque --ed-cream está escopado em .editorial-page (não global).
   ========================================================================= */
body { background: #faf9f6; }
