/* ============================================================
   MINERALES · CARBONES — Typography Tokens
   Montserrat (display) + Inter (body). Geometric, structural.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Montserrat', system-ui, sans-serif;  /* títulos, botones, etiquetas */
  --font-body: 'Inter', system-ui, sans-serif;          /* cuerpo, datos */

  /* ---- Weights ---- */
  --weight-regular: 400;   /* @kind font */
  --weight-medium: 500;    /* @kind font */
  --weight-semibold: 600;  /* @kind font */
  --weight-bold: 700;      /* @kind font */
  --weight-black: 800;     /* @kind font */

  /* ---- Type scale (monótona / industrial) ---- */
  --text-display: 3.25rem; /* 52px — hero grande */
  --text-h1: 2.5rem;       /* 40px */
  --text-h2: 1.75rem;      /* 28px */
  --text-h3: 1.25rem;      /* 20px */
  --text-body-lg: 1.125rem;/* 18px — intro / lead */
  --text-body-md: 1rem;    /* 16px — cuerpo base */
  --text-body: 1rem;       /* 16px — alias de cuerpo */
  --text-small: 0.875rem;  /* 14px */
  --text-caption: 0.75rem; /* 12px — legal, NIT, etiquetas */

  /* ---- Line heights ---- */
  --leading-tight: 1.15;   /* @kind font */
  --leading-snug: 1.3;     /* @kind font */
  --leading-normal: 1.4;   /* @kind font */
  --leading-body: 1.6;     /* @kind font */

  /* ---- Tracking ---- */
  --tracking-tight: -0.01em; /* @kind font */
  --tracking-normal: 0;      /* @kind font */
  --tracking-caps: 0.08em;   /* @kind font */ /* mayúsculas, botones, eyebrows */
}