/* PROFEC — Tipografía (Manual, Sección 11)
   Regla simple: corto y llamativo → Space Grotesk; para leer → IBM Plex Sans.
   Nunca usar la tipografía del logo (dibujada a medida) para textos. */

:root {
  --font-display: "Space Grotesk", "Arial Narrow", sans-serif;
  --font-body: "IBM Plex Sans", "Helvetica Neue", sans-serif;

  /* Escala tipográfica */
  --text-size-xs: 12px;
  --text-size-sm: 14px;
  --text-size-md: 16px;
  --text-size-lg: 18px;
  --text-size-xl: 22px;
  --text-size-2xl: 28px;
  --text-size-3xl: 36px;
  --text-size-4xl: 48px;
  --text-size-5xl: 64px;

  /* Jerarquía del manual */
  --type-title: 700 var(--text-size-4xl)/1.05 var(--font-display);     /* Título principal — SG Bold */
  --type-heading: 700 var(--text-size-2xl)/1.15 var(--font-display);   /* Título de sección — SG Bold */
  --type-subtitle: 500 var(--text-size-xl)/1.3 var(--font-display);    /* Subtítulos — SG Medium */
  --type-body: 400 var(--text-size-md)/1.6 var(--font-body);           /* Cuerpo — Plex Regular */
  --type-body-strong: 600 var(--text-size-md)/1.6 var(--font-body);    /* Destacados — Plex SemiBold */
  --type-data: 500 var(--text-size-3xl)/1.1 var(--font-display);       /* Datos y cifras — SG Medium */
  --type-caption: 400 var(--text-size-sm)/1.5 var(--font-body);
  --type-label: 600 var(--text-size-xs)/1.2 var(--font-body);          /* etiquetas UI */

  /* Overline / kicker: mayúsculas con tracking amplio */
  --tracking-overline: 0.14em;
  --tracking-tight: -0.01em;
}