/* ============================================================================
   TOKENS TIPOGRÁFICOS — Portal Turuna (D-076 · EXECUTAR 22/07/2026)
   ----------------------------------------------------------------------------
   FONTE ÚNICA da escala tipográfica. As telas consomem via var(); um degrau
   muda AQUI e vale em todo o Portal.
   ⚠️ Este arquivo NÃO carrega cor — a paleta §5 é imutável (trava §8) e vive
   no :root de cada tela. Tipografia apenas.
   Deploy: repo 00_assets/ → produção /assets/ (convenção do projeto).
   Consumo: <link rel="stylesheet" href="/assets/tokens.css"> (como o inter.css).
   ========================================================================== */
:root{
  /* ── ESCALA DE TELA — 6 degraus (D-076). Nada fora destes valores. ────── */
  --fs-display: 32px;  /* hero / título de página */
  --fs-secao:   24px;  /* título de seção · número de KPI */
  --fs-titulo:  20px;  /* título de card / modal / h1 de barra */
  --fs-corpo:   16px;  /* corpo de leitura corrida (documentos de tela, avisos longos) */
  --fs-ui:      14px;  /* PISO de UI densa: tabela, card, lista, botão, controle */
  --fs-meta:    12px;  /* caption / metadado / selo — MÍNIMO ABSOLUTO do Portal */

  /* ── PESOS — hierarquia por peso, não por gritaria (fim do 800) ───────── */
  --peso-corpo:  400;  /* texto corrente */
  --peso-titulo: 600;  /* títulos, rótulos, nomes, botões */
  --peso-forte:  700;  /* SÓ destaque real: número de KPI, badge de gravidade */

  /* ── LINE-HEIGHT ──────────────────────────────────────────────────────── */
  --lh-titulo: 1.25;
  --lh-ui:     1.4;    /* corpo de tela DENSA (mesma lógica do piso 14px:
                          1.6 em tela densa = reflow; 1.6 fica p/ leitura corrida) */
  --lh-corpo:  1.6;    /* leitura corrida */

  /* ── LARGURA DE LEITURA (texto corrido: 45–75 caracteres) ─────────────── */
  --medida-leitura: 700px;

  /* ── PAPEL (documento impresso) — régua PRÓPRIA, separada da tela (P-86).
        Documento oficial NÃO herda a escala de UI densa. ──────────────────── */
  --doc-nome:   15px;  /* nome da escola no cabeçalho oficial (§5) */
  --doc-titulo: 13px;  /* título do documento (ex.: COMUNICAÇÃO POSITIVA) */
  --doc-base:   12px;  /* base do #print-area / destaque interno */
  --doc-corpo:  11px;  /* parágrafos do documento */
  --doc-meta:   10px;  /* decreto/endereço/contato · assinaturas · rodapé LGPD */
  --doc-lh:     1.5;
}