/* ∂iario aventureros — TIPOGRAFÍA
   Roboto es la base de interfaz. Los titulares respiran con tracking negativo y peso 900.
   El pixel y el manuscrito son ACENTOS: dosis pequeñas, nunca párrafos enteros. */

:root {
  /* ---- Familias ---- */
  --font-display:   'Bike Park', 'Roboto', system-ui, sans-serif; /* titulares — ver nota Bike Park en fonts.css */
  --font-body:      'Roboto', system-ui, -apple-system, sans-serif;          /* cuerpo / UI */
  --font-editorial: 'Lora', Georgia, 'Times New Roman', serif;               /* modo editorial */
  --font-hand:      'Gochi Hand', 'Comic Sans MS', cursive;                  /* acento manuscrito */
  --font-pixel:     'Minecraft', 'Press Start 2P', ui-monospace, monospace;  /* acento retro/RPG */
  --font-mono:      ui-monospace, Menlo, Consolas, monospace;                /* rutas, código, tickers */
  --font-adventure: 'Rubik', var(--font-body);                               /* títulos de tarjeta de aventura (ExperienceCard) */
  --font-poster:    'Poppins', var(--font-body);                             /* carteles / tablón de anuncios vintage (BulletinBoard) */

  /* ---- Pesos ---- */
  --fw-light:   300; /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-medium:  500; /* @kind font */
  --fw-bold:    700; /* @kind font */
  --fw-black:   900; /* @kind font */

  /* ---- Escala de tamaño (mobile-first, base 15px) ---- */
  --text-xs:   11px;  /* micro-labels, hints, metadatos */
  --text-sm:   13px;  /* secundario, subtítulos de tarjeta */
  --text-base: 15px;  /* cuerpo por defecto */
  --text-md:   17px;  /* destacado de párrafo, h3 de tarjeta */
  --text-lg:   20px;  /* títulos de sección pequeños */
  --text-xl:   24px;  /* h2 compacto */
  --text-2xl:  32px;  /* títulos de pantalla */
  --text-3xl:  44px;  /* héroes secundarios */
  --text-4xl:  62px;  /* héroe grande */

  /* contadores gigantes de las páginas de datos (escalan con viewport) */
  --text-counter: clamp(80px, 15vw, 144px);
  --text-hero:    clamp(28px, 6vw, 62px);

  /* ---- Interlineado ---- */
  --leading-tight:   0.95; /* titulares grandes */
  --leading-snug:    1.1;  /* títulos de tarjeta */
  --leading-normal:  1.6;  /* cuerpo */
  --leading-relaxed: 1.7;  /* editorial / textos largos */

  /* ---- Tracking ---- */
  --tracking-mega:    -0.06em; /* contadores y héroes */
  --tracking-tight:   -0.04em; /* titulares */
  --tracking-snug:    -0.02em; /* subtítulos */
  --tracking-normal:  0;
  --tracking-label:   0.12em;  /* labels en MAYÚSCULA */
  --tracking-pixel:   0.05em;  /* texto pixel/RPG */
}