/* ============================================================
   DESIGN SYSTEM — typography.css
   Família Manrope (já carregada). Escala e pesos extraídos da
   hierarquia visual de REFERENCIA.png.
   ============================================================ */
:root{
  --font-sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* Escala tipográfica */
  --fs-display:30px;   /* saudação "Ciao, Hugo!" */
  --fs-h1:24px;
  --fs-h2:18px;        /* títulos de seção/card */
  --fs-h3:16px;
  --fs-value:30px;     /* valores grandes dos KPI */
  --fs-body:14px;
  --fs-sm:13px;
  --fs-xs:12px;
  --fs-2xs:11px;       /* labels uppercase dos KPI */

  /* Pesos */
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-bold:700;
  --fw-extra:800;

  /* Alturas de linha */
  --lh-tight:1.15;
  --lh-snug:1.3;
  --lh-normal:1.5;

  /* Legados */
  --fs-title:var(--fs-display);
}

/* Base tipográfica da Área do Cliente */
body{font-family:var(--font-sans)}
.ds-label{
  font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.06em;
  text-transform:uppercase;color:var(--text-secondary);
}