/* Cash Clinic — Typography tokens
   ------------------------------------------------------------------
   One family does everything: IBM Plex Sans Arabic. It carries both
   Latin and Arabic, so bilingual layouts stay perfectly consistent.
   Display/headings lean on lighter & medium weights for an elegant,
   "refined" (النقش الراقي) feel; body is Regular; UI labels Medium. */

:root {
  --font-sans: "IBM Plex Sans Arabic", system-ui, -apple-system, Segoe UI, sans-serif;
  --font-display: var(--font-sans);

  /* Weights (the seven supplied cuts) */
  --fw-thin:       100;  /* @kind other */
  --fw-extralight: 200;  /* @kind other */
  --fw-light:      300;  /* @kind other */
  --fw-regular:    400;  /* @kind other */
  --fw-medium:     500;  /* @kind other */
  --fw-semibold:   600;  /* @kind other */
  --fw-bold:       700;  /* @kind other */

  /* Type scale — 1.250 major-third, base 16px */
  --fs-2xs:  0.694rem;  /* 11px */
  --fs-xs:   0.8rem;    /* 12.8px */
  --fs-sm:   0.875rem;  /* 14px */
  --fs-md:   1rem;      /* 16px — body */
  --fs-lg:   1.25rem;   /* 20px */
  --fs-xl:   1.563rem;  /* 25px */
  --fs-2xl:  1.953rem;  /* 31px */
  --fs-3xl:  2.441rem;  /* 39px */
  --fs-4xl:  3.052rem;  /* 49px */
  --fs-5xl:  3.815rem;  /* 61px */
  --fs-6xl:  4.768rem;  /* 76px */

  /* Line heights */
  --lh-tight:   1.08;  /* @kind other */
  --lh-snug:    1.22;  /* @kind other */
  --lh-normal:  1.5;   /* @kind other */
  --lh-relaxed: 1.7;   /* @kind other */

  /* Letter spacing */
  --ls-tighter: -0.03em;   /* @kind other */
  --ls-tight:   -0.015em;  /* @kind other */
  --ls-normal:  0;         /* @kind other */
  --ls-wide:    0.04em;    /* @kind other */
  --ls-wider:   0.12em;    /* @kind other */

  /* Semantic roles */
  --text-display-weight: var(--fw-light);
  --text-heading-weight: var(--fw-medium);
  --text-body-weight:    var(--fw-regular);
  --text-label-weight:   var(--fw-medium);
  --text-eyebrow-weight: var(--fw-semibold);
}