/* ==========================================================================
   Salam Africa — typography.css
   Shared typographic tokens and patterns
   ========================================================================== *//* All font tokens are in style.css :root — this file extends them *//* ─── DISPLAY HEADINGS ────────────────────────────────────────────────────── *//* ─── LABEL / CAPS ────────────────────────────────────────────────────────── *//* ─── LEAD PARAGRAPH ─────────────────────────────────────────────────────── */
.lead {
  font-size: clamp(1.05rem, 1.6vw, 1.3rem);
  font-weight: 300;
  line-height: 1.85;
  color: var(--text);
  max-width: 64ch;
}/* ─── CONTENT BODY ────────────────────────────────────────────────────────── */
.content-body { max-width: 68ch; }
.content-body p + p     { margin-top: var(--sp-md); }
.content-body h2        { margin: var(--sp-xl) 0 var(--sp-sm); }
.content-body h3        { margin: var(--sp-lg) 0 var(--sp-xs); }
.content-body ul, .content-body ol { padding-left: 1.4rem; margin: var(--sp-sm) 0; }
.content-body li        { margin-bottom: .5rem; }
.content-body blockquote {
  border-left: 3px solid var(--gold);
  padding-left: var(--sp-md);
  font-style: italic;
  color: var(--brown);
  margin: var(--sp-lg) 0;
}/* ─── META TEXT ───────────────────────────────────────────────────────────── *//* ─── SCRIPT LINE ─────────────────────────────────────────────────────────── */
.script-line {
  font-family: var(--script);
  font-size: 1.4em;
  color: var(--olive);
  display: block;
  line-height: 1.1;
}