/* ════════════════════════════════════════════════════════════
   TYPOGRAPHY — escala + roles de fuente
   Inter = lectura (nombres, texto, noticias)
   Oswald = condensada para tabs, scores, labels en mayúscula
   Bebas Neue = títulos hero grandes (Estadísticas, Cuadro, etc.)
   ════════════════════════════════════════════════════════════ */

body{ font-size:var(--fs-base); line-height:1.5; }

h1,h2,h3,h4{ font-weight:700; line-height:1.2; }

/* ── Roles reutilizables ── */
.text-hero{
  font-family:var(--font-mono);
  font-size:var(--fs-2xl);
  letter-spacing:1.5px;
  color:var(--text);
}
.text-title{
  font-family:var(--font-body);
  font-weight:700;
  font-size:var(--fs-lg);
  color:var(--text);
}
.text-label{
  font-family:var(--font-display);
  font-size:var(--fs-xs);
  font-weight:600;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--dim);
}
.text-num{
  font-family:var(--font-display);
  font-weight:600;
  font-variant-numeric:tabular-nums;
  color:var(--text);
}
.text-sub{ font-size:var(--fs-sm); color:var(--sub); }
.text-dim{ font-size:var(--fs-sm); color:var(--dim); }

/* ── Header ── */
.header-title{
  font-family:var(--font-display);
  font-size:var(--fs-md);
  font-weight:600;
  letter-spacing:.4px;
  color:var(--text);
  text-transform:uppercase;
  line-height:1.15;
}
.header-phase{
  font-family:var(--font-display);
  font-size:var(--fs-xs);
  font-weight:500;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:var(--dim);
}
#h-clock{
  font-family:var(--font-display);
  font-size:var(--fs-md);
  font-weight:600;
  color:var(--text);
  font-variant-numeric:tabular-nums;
}
.header-status{
  font-size:var(--fs-xs);
  font-weight:600;
  color:var(--accent-hi);
  min-height:12px;
}

/* ── Tabs / chips ── */
.tab, .chip, .bn-label{
  font-family:var(--font-display);
  font-weight:500;
  letter-spacing:.5px;
  text-transform:uppercase;
}
.tab{ font-size:var(--fs-xs); }
.bn-label{ font-size:9px; letter-spacing:.3px; }

/* ── Enlaces de texto dentro de contenido (noticias, etc.) ── */
p{ font-family:var(--font-body); color:var(--sub); font-size:var(--fs-sm); line-height:1.6; }