/* ============================================================
   Localist EG — Typography tokens
   Brand font is GOTHAM (Black=display, Medium=body) with CAIRO for
   Arabic. Gotham is substituted with Montserrat here — see fonts.css.
   ============================================================ */
:root {
  --font-display: 'Montserrat', 'Cairo', system-ui, sans-serif;   /* Gotham Black */
  --font-body:    'Montserrat', 'Cairo', system-ui, sans-serif;   /* Gotham Medium */

  /* Weights */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-extra:    800; /* @kind font */

  /* Type scale (rem, 16px root) */
  --fs-display:  3rem;      /* 48 — hero */
  --fs-h1:       2.25rem;   /* 36 */
  --fs-h2:       1.75rem;   /* 28 — section titles */
  --fs-h3:       1.375rem;  /* 22 */
  --fs-h4:       1.125rem;  /* 18 — card titles */
  --fs-body:     1rem;      /* 16 */
  --fs-sm:       0.875rem;  /* 14 — meta, secondary */
  --fs-xs:       0.75rem;   /* 12 — badges, labels */
  --fs-price:    1.25rem;   /* 20 — product price */

  --lh-tight:    1.15; /* @kind font */
  --lh-snug:     1.3; /* @kind font */
  --lh-normal:   1.55; /* @kind font */

  --ls-tight:   -0.02em; /* @kind font */
  --ls-normal:   0; /* @kind font */
  --ls-wide:     0.04em; /* @kind font */
  --ls-caps:     0.08em; /* @kind font */
}