/* ============================================================
   DUSTY CHAIN — TYPOGRAPHY TOKENS
   Display / wordmark: Oswald (condensed, uppercase, confident).
   Body / UI:          Montserrat (geometric, legible, modern).
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body: 'Montserrat', -apple-system, '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 */

  /* ---- Display scale (Oswald) — headings & wordmarks ---- */
  --text-display-xl: 72px;   /* hero wordmark */
  --text-display-lg: 52px;
  --text-display-md: 38px;
  --text-display-sm: 28px;
  --text-h1: 40px;
  --text-h2: 30px;
  --text-h3: 22px;
  --text-h4: 18px;

  /* ---- Body scale (Montserrat) ---- */
  --text-lead: 20px;
  --text-body-lg: 17px;
  --text-body: 15px;
  --text-body-sm: 13px;
  --text-caption: 12px;
  --text-overline: 11px;   /* uppercase tracked labels */

  /* ---- Line heights ---- */
  --lh-tight: 0.98;   /* @kind font */ /* stacked display wordmarks */
  --lh-heading: 1.08; /* @kind font */
  --lh-snug: 1.35;    /* @kind font */
  --lh-body: 1.6;     /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-wordmark: 0.02em;   /* @kind font */
  --ls-heading: 0.005em;   /* @kind font */
  --ls-overline: 0.18em;   /* EXPLORE · CONNECT · IMPACT tracking @kind font */
  --ls-label: 0.08em;      /* @kind font */
  --ls-body: 0.005em;      /* @kind font */
}