/* ============================================================
   Madain Al Mustaqbal — Typography tokens
   Latin display: Marcellus · Latin body: Manrope
   Arabic display: Amiri · Arabic body: IBM Plex Sans Arabic
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Marcellus', 'Amiri', serif;
  --font-body: 'Manrope', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --font-display-ar: 'Amiri', 'Marcellus', serif;
  --font-body-ar: 'IBM Plex Sans Arabic', 'Manrope', system-ui, sans-serif;

  /* ---- Scale (desktop-first, 1.25 ratio above body) ---- */
  --text-hero: 64px;       /* page heroes */
  --text-h1: 44px;
  --text-h2: 32px;
  --text-h3: 24px;
  --text-h4: 19px;
  --text-lg: 18px;         /* lede / intro paragraphs */
  --text-md: 16px;         /* body default */
  --text-sm: 14px;         /* secondary, captions */
  --text-xs: 12px;         /* metadata, labels */
  --text-overline: 13px;   /* tracked all-caps eyebrow */

  /* ---- Weights ---- */
  --weight-regular: 400;   /* Marcellus only ships 400 */
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ---- Line heights ---- */
  --leading-display: 1.12;
  --leading-heading: 1.2;
  --leading-body: 1.6;
  --leading-tight: 1.35;

  /* ---- Tracking ---- */
  --tracking-display: 0.01em;
  --tracking-body: 0;
  --tracking-caps: 0.22em;   /* brand all-caps lockup tracking */
  --tracking-caps-tight: 0.12em;
}