/* ============================================================
   9/11 Legacy Foundation — Typography Tokens
   Headings:   Ibarra Real Nova (serif, classic + modern)
   Labels:     IBM Plex Mono (structured, tracked)
   Body / UI:  Manrope (clean, humanist sans)
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: "Ibarra Real Nova", Georgia, "Times New Roman", serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-body:    "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

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

  /* ---- Type scale (px-based, per brand guide) ---- */
  --fs-display:   85px;   /* hero headlines, Ibarra */
  --fs-h1:        56px;
  --fs-h2:        40px;
  --fs-h3:        30px;
  --fs-h4:        24px;
  --fs-label:     24px;   /* IBM Plex Mono section labels */
  --fs-label-sm:  14px;   /* small tracked eyebrow labels */
  --fs-body-lg:   20px;   /* standard body */
  --fs-body:      18px;   /* dense paragraphs */
  --fs-body-sm:   16px;
  --fs-caption:   14px;

  /* ---- Line heights ---- */
  --lh-display: 1.1;  /* @kind font */
  --lh-heading: 1.2;  /* @kind font */
  --lh-label:   1.5;  /* @kind font */
  --lh-body:    1.6;  /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-display: -0.01em;  /* @kind font */
  /* IBM Plex Mono labels: 0.1–0.15em */
  --ls-label:   0.12em;   /* @kind font */
  --ls-label-lg: 0.18em;  /* @kind font */
  --ls-body:    0;        /* @kind font */

  /* ---- Semantic roles ---- */
  --text-eyebrow-font: var(--font-mono);
  --text-eyebrow-tracking: var(--ls-label);
  --text-heading-font: var(--font-display);
  --text-body-font: var(--font-body);
}