/* Tokens visuais do CN-4528 (UX-2) — fonte canônica das fundações
 * compartilhadas pelas três cascas (sistema, portal e autenticação).
 *
 * Regra de ouro: cor, tamanho de fonte e camada que apareçam em 2+ lugares
 * moram aqui; o resto é decisão local da tela. Esta folha é deliberadamente
 * pequena — não é um framework, é o vocabulário comum.
 */
:root {
  /* ── Marca ──────────────────────────────────────────────────────────────
     O azul institucional da Loja e o azul de realce que o acompanha.
     Antes: literais repetidos em nav.css, base.css, base_portal.html e
     _configuracoes.html. */
  --cn-marca: #1a2e4a;
  --cn-realce: #6ea8fe;

  /* ── Natureza financeira (decisão do VM, 25/08/2026) ───────────────────
     val-credito/val-debito são a semântica OFICIAL para natureza de valor
     (entrada/saída, receita/despesa, crédito/débito). text-success e
     text-danger continuam existindo para ESTADO de operação (sucesso, erro,
     alerta) — natureza financeira não é estado de operação. */
  --cn-credito: #065f46;
  --cn-credito-fundo: #d1fae5;
  --cn-debito: #991b1b;
  --cn-debito-fundo: #fee2e2;

  /* ── Situações de conciliação (vocabulário de base.css) ────────────────── */
  --cn-pendente: #d97706;
  --cn-conciliado: #059669;
  --cn-neutro: #6b7280;
  --cn-vinculado: #2563eb;
  --cn-erro: #dc2626;

  /* ── Superfícies ──────────────────────────────────────────────────────── */
  --cn-fundo: #f8f9fa;          /* fundo da página e de cabeçalhos de tabela */
  --cn-realce-linha: #f0f4ff;   /* linha de tabela sob o ponteiro */
  --cn-borda-tabela: #e9ecef;
  --cn-borda-forte: #dee2e6;

  /* ── Escala tipográfica ────────────────────────────────────────────────
     Cinco níveis substituem os 20 tamanhos históricos (auditoria UX-0).
     Diferenças menores que 0,05rem entre os valores antigos eram variação
     de cópia, não intenção. */
  --cn-fs-micro: .65rem;   /* absorve .6 .62 .65 .66 .68 — selos e referências */
  --cn-fs-mini: .72rem;    /* absorve .7 .72 — rótulos de card e micro-botões */
  --cn-fs-apoio: .8rem;    /* absorve .75 .8 .82 — texto auxiliar */
  --cn-fs-tabela: .85rem;  /* corpo de tabela compacta (já era o padrão) */
  --cn-fs-menu: .9rem;     /* absorve .88 .92 — itens de navegação */

  /* ── Camadas (escala explícita, alinhada ao Bootstrap 5.3) ─────────────
     Bootstrap: sticky 1020 · fixed 1030 · offcanvas 1045 · backdrop 1050 ·
     modal 1055 · popover 1070 · tooltip 1080 · toast 1090. */
  --cn-z-barra-flutuante: 1040;  /* acima do conteúdo, ABAIXO do backdrop */
  --cn-z-modal-aninhado: 1056;   /* sub-modal sobre modal (1055) */
  --cn-z-lista-busca: 1080;      /* dropdown do select pesquisável */
  --cn-z-toast: 1090;            /* container único do App.toast */
}