/* ============================================================
   IntentLink — Typography scale
   Display set in Satoshi (700/900), body in DM Sans (400/500).
   Headings use tight tracking; body relaxed line-height.
   ============================================================ */

:root {
  /* ---- Font sizes (rem-based, 16px root) ---- */
  --text-xs:   0.75rem;   /* 12 — eyebrow / footnote */
  --text-sm:   0.8125rem; /* 13 — nav, captions, badges */
  --text-base: 0.875rem;  /* 14 — UI body / card copy */
  --text-md:   0.9375rem; /* 15 — list / FAQ body */
  --text-lg:   1.0625rem; /* 17 — lead paragraph */
  --text-xl:   1.1875rem; /* 19 — large lead */
  --text-2xl:  1.5rem;    /* 24 — card / pricing title */
  --text-3xl:  2rem;      /* 32 — section heading (mobile) */
  --text-4xl:  2.5rem;    /* 40 — section heading */
  --text-5xl:  3.5rem;    /* 56 — hero (tablet) */
  --text-6xl:  4.25rem;   /* 68 — hero (desktop) */

  /* ---- Weights ---- */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-black:    900;

  /* ---- Line heights ---- */
  --leading-none:    1.05;  /* hero display */
  --leading-tight:   1.15;  /* section headings */
  --leading-snug:    1.4;
  --leading-normal:  1.6;   /* body */
  --leading-relaxed: 1.8;   /* FAQ answers / legal */

  /* ---- Letter spacing ---- */
  --tracking-tighter: -0.03em; /* hero */
  --tracking-tight:   -0.02em; /* headings */
  --tracking-normal:  0;
  --tracking-wide:    0.15em;  /* uppercase eyebrows */
  --tracking-wider:   0.18em;
}