/* ============================================================
   FREEDOMVISORY · TYPOGRAPHY TOKENS
   Poppins is the only permitted Latin typeface — weights 300 / 400 / 700.
   No Medium / SemiBold / italic Poppins. No serif headings, no script.
   Amiri is reserved exclusively for Arabic calligraphic signals.
   Generous body line-height (1.5–1.6). Uppercase headings get letter-spacing.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-sans:   'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-arabic: 'Amiri', serif;            /* Arabic calligraphic signals only */

  /* ---- Weights (the only three permitted) ---- */
  --fw-light:   300;   /* @kind other */ /* captions, footnotes, eyebrows */
  --fw-regular: 400;   /* @kind other */ /* body, paragraphs, descriptions */
  --fw-bold:    700;   /* @kind other */ /* titles, headings, CTAs, key data */

  /* ---- Type scale (rem, 16px base) ---- */
  --fs-display:   3.5rem;   /* 56px — hero display */
  --fs-h1:        2.5rem;   /* 40px */
  --fs-h2:        1.875rem; /* 30px */
  --fs-h3:        1.375rem; /* 22px */
  --fs-h4:        1.125rem; /* 18px */
  --fs-body-lg:   1.125rem; /* 18px */
  --fs-body:      1rem;     /* 16px */
  --fs-body-sm:   0.9375rem;/* 15px */
  --fs-caption:   0.8125rem;/* 13px — Poppins Light */
  --fs-eyebrow:   0.75rem;  /* 12px — uppercase, tracked */

  /* ---- Line heights ---- */
  --lh-tight:   1.12;   /* @kind other */ /* display & large headings */
  --lh-heading: 1.25;   /* @kind other */
  --lh-body:    1.6;    /* @kind other */ /* brand standard: 1.5–1.6 */
  --lh-snug:    1.45;   /* @kind other */

  /* ---- Letter-spacing ---- */
  --ls-display:  -0.02em;  /* @kind other */
  --ls-heading:  -0.01em;  /* @kind other */
  --ls-body:     0;        /* @kind other */
  --ls-eyebrow:  0.18em;   /* @kind other */ /* tracked 2–3pt */
  --ls-button:   0.08em;   /* @kind other */
  --ls-caps:     0.12em;   /* @kind other */

  /* ============================================================
     SEMANTIC ROLE TOKENS
     ============================================================ */
  --type-display:  var(--fw-bold) var(--fs-display)/var(--lh-tight) var(--font-sans);
  --type-h1:       var(--fw-bold) var(--fs-h1)/var(--lh-tight) var(--font-sans);
  --type-h2:       var(--fw-bold) var(--fs-h2)/var(--lh-heading) var(--font-sans);
  --type-h3:       var(--fw-bold) var(--fs-h3)/var(--lh-heading) var(--font-sans);
  --type-body:     var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);
  --type-body-lg:  var(--fw-regular) var(--fs-body-lg)/var(--lh-body) var(--font-sans);
  --type-caption:  var(--fw-light) var(--fs-caption)/var(--lh-snug) var(--font-sans);
}