/* ─────────────────────────────────────────────────────────────
   HHEO / Jawaher — Typography Tokens
   Hierarchy is built through WEIGHT and SIZE, never color.
   Tajawal across the board; Arabic and Latin share one family.
   ───────────────────────────────────────────────────────────── */

:root {
  /* ── Families ───────────────────────────────────── */
  --font-sans: 'Tajawal', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-display: 'Tajawal', 'Segoe UI', system-ui, sans-serif;

  /* ── Weights ────────────────────────────────────── */
  --fw-light:    300;   /* @kind font */
  --fw-regular:  400;   /* @kind font */
  --fw-medium:   500;   /* @kind font */
  --fw-bold:     700;   /* @kind font */
  --fw-heavy:    800;   /* @kind font */
  --fw-black:    900;   /* @kind font */

  /* ── Type scale (rem, 16px base) ────────────────── */
  --fs-display:  3.5rem;   /* 56 — hero */
  --fs-h1:       2.5rem;   /* 40 */
  --fs-h2:       2rem;     /* 32 */
  --fs-h3:       1.5rem;   /* 24 */
  --fs-h4:       1.25rem;  /* 20 */
  --fs-lg:       1.125rem; /* 18 — lead body */
  --fs-body:     1rem;     /* 16 — body */
  --fs-sm:       0.875rem; /* 14 — captions, meta */
  --fs-xs:       0.75rem;  /* 12 — labels, tags */

  /* ── Line heights ───────────────────────────────── */
  --lh-tight:    1.15;   /* @kind font */
  --lh-snug:     1.35;   /* @kind font */
  --lh-body:     1.7;    /* @kind font */

  /* ── Tracking ───────────────────────────────────── */
  --ls-tight:   -0.01em;   /* @kind font */
  --ls-normal:   0;        /* @kind font */
  --ls-label:    0.04em;   /* @kind font */
}