/* ─────────────────────────────────────────────
   TYPOGRAPHY — Helping Hand Center Design System
   ───────────────────────────────────────────── */

:root {
  /* ── Display ── */
  --text-display-hero-size:   88px;
  --text-display-hero-weight: 400;
  --text-display-hero-lh:     1.04;
  --text-display-hero-ls:     -1.5px;

  --text-display-large-size:   60px;
  --text-display-large-weight: 400;
  --text-display-large-lh:     1.06;
  --text-display-large-ls:     -1px;

  /* ── Headings ── */
  --text-heading-xl-size:   30px;
  --text-heading-xl-weight: 400;
  --text-heading-xl-lh:     1.16;

  --text-heading-lg-size:   27px;
  --text-heading-lg-weight: 400;
  --text-heading-lg-lh:     1.25;

  --text-heading-md-size:   24px;
  --text-heading-md-weight: 400;
  --text-heading-md-lh:     1.25;

  --text-heading-sm-size:   20px;
  --text-heading-sm-weight: 500;
  --text-heading-sm-lh:     1.25;

  /* ── Body ── */
  --text-body-lg-size:   16px;
  --text-body-lg-weight: 400;
  --text-body-lg-lh:     1.65;   /* Marketing — extremely airy */

  --text-body-strong-size:   16px;
  --text-body-strong-weight: 600;
  --text-body-strong-lh:     1.5;

  --text-body-md-size:   16px;
  --text-body-md-weight: 400;
  --text-body-md-lh:     1.6;   /* Functional UI — console-output density */

  /* ── UI ── */
  --text-eyebrow-size:   15px;
  --text-eyebrow-weight: 500;
  --text-eyebrow-lh:     1.4;
  --text-eyebrow-ls:     0.2px;

  --text-button-cap-size:   14px;
  --text-button-cap-weight: 700;
  --text-button-cap-lh:     1.14;
  --text-button-cap-ls:     0.2px;

  --text-button-cap-light-size:   14px;
  --text-button-cap-light-weight: 500;
  --text-button-cap-light-lh:     1.29;
  --text-button-cap-light-ls:     0.2px;

  --text-caption-size:   14px;
  --text-caption-weight: 400;
  --text-caption-lh:     1.43;

  --text-micro-cap-size:   10px;
  --text-micro-cap-weight: 600;
  --text-micro-cap-lh:     1.8;
  --text-micro-cap-ls:     0.25px;

  /* ── Code ── */
  --text-code-size:   16px;
  --text-code-weight: 400;
  --text-code-lh:     1.5;

  --text-code-strong-size:   16px;
  --text-code-strong-weight: 700;
  --text-code-strong-lh:     1.5;
}