/* ============================================================
   SCORPIO — TOKENS DE TIPOGRAFÍA
   Copiado del Design System (Claude Design) el 01-ago-2026.
   Display: Bricolage Grotesque   Texto/Datos: IBM Plex Sans
   ============================================================ */
:root {
  --font-display: 'Bricolage Grotesque', 'Trebuchet MS', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* Cifras tabulares — para cualquier celda numérica o de tabla de datos */
  --feat-tabular: 'tnum' 1, 'lnum' 1;

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

  /* Escala tipográfica */
  --fs-display: 3.5rem;   /* 56 — hero */
  --fs-h1: 2.5rem;        /* 40 */
  --fs-h2: 1.875rem;      /* 30 */
  --fs-h3: 1.375rem;      /* 22 */
  --fs-h4: 1.125rem;      /* 18 */
  --fs-lead: 1.1875rem;   /* 19 */
  --fs-body: 1rem;        /* 16 */
  --fs-sm: 0.875rem;      /* 14 */
  --fs-xs: 0.75rem;       /* 12 — etiquetas, meta de tabla */
  --fs-xxs: 0.6875rem;    /* 11 — overline / badge */

  --lh-tight: 1.05;
  --lh-snug: 1.2;
  --lh-normal: 1.5;
  --lh-relaxed: 1.65;

  --ls-tight: -0.02em;
  --ls-normal: 0;
  --ls-wide: 0.02em;
  --ls-caps: 0.08em;
}