/* ============================================================
   FixRiver — Typography tokens
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Quicksand', 'Trebuchet MS', sans-serif;
  --font-body: 'Poppins', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- Weights ---- */
  --fw-light: 300;     /* @kind font */
  --fw-regular: 400;   /* @kind font */
  --fw-medium: 500;    /* @kind font */
  --fw-semibold: 600;  /* @kind font */
  --fw-bold: 700;      /* @kind font */

  /* ---- Fluid display sizes (headings use --font-display) ---- */
  --fs-display: 60px;   /* hero H1 */
  --fs-h1: 44px;        /* section titles "Preguntas Frecuentes" */
  --fs-h2: 34px;        /* "Más automatización" */
  --fs-h3: 24px;        /* card titles "Desarrollo" */
  --fs-h4: 19px;

  /* ---- Body sizes (use --font-body) ---- */
  --fs-lead: 19px;      /* hero sub-lead, bold intro */
  --fs-body: 16px;      /* default paragraph */
  --fs-sm: 14px;        /* secondary, list items */
  --fs-xs: 12.5px;      /* captions, labels */

  /* ---- Line heights ---- */
  --lh-tight: 1.08;     /* @kind font */
  --lh-snug: 1.25;      /* @kind font */
  --lh-normal: 1.55;    /* @kind font */
  --lh-relaxed: 1.7;    /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-tight: -0.02em;  /* @kind font */
  --ls-normal: 0;       /* @kind font */
  --ls-wide: 0.04em;    /* @kind font */
  --ls-caps: 0.14em;    /* @kind font */

  /* ---- Semantic roles ---- */
  --text-display-font: var(--font-display);
  --text-heading-font: var(--font-display);
  --text-body-font: var(--font-body);
}