:root{
  /* Families. Kufyan Arabic is the display voice (logotype, headlines, the
     tagline). IBM Plex Sans Arabic carries every running text and UI label. */
  --font-display:"Kufyan Arabic","IBM Plex Sans Arabic",system-ui,sans-serif;
  --font-body:"IBM Plex Sans Arabic",system-ui,sans-serif;
  --font-mono:ui-monospace,"SFMono-Regular",Menlo,monospace;

  --fw-thin:200; /* @kind font */
  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-black:800; /* @kind font */

  /* Display scale — Kufyan, tight leading, used at 500/700 */
  --fs-display-1:64px;  --lh-display-1:1.14; /* @kind font */
  --fs-display-2:48px;  --lh-display-2:1.18; /* @kind font */
  --fs-display-3:36px;  --lh-display-3:1.22; /* @kind font */

  /* Headings — Kufyan for h1–h3, Plex for h4+ */
  --fs-h1:32px; --lh-h1:1.3; /* @kind font */
  --fs-h2:26px; --lh-h2:1.34; /* @kind font */
  --fs-h3:21px; --lh-h3:1.4; /* @kind font */
  --fs-h4:18px; --lh-h4:1.45; /* @kind font */

  /* Body / UI — Plex */
  --fs-body-lg:17px; --lh-body-lg:1.85; /* @kind font */
  --fs-body:15px;    --lh-body:1.9; /* @kind font */
  --fs-body-sm:13px; --lh-body-sm:1.75; /* @kind font */
  --fs-caption:12px; --lh-caption:1.6; /* @kind font */
  --fs-overline:11px;--lh-overline:1.4; /* @kind font */

  --ls-display:-0.01em; /* @kind font */
  --ls-body:0; /* @kind font */
  --ls-overline:0.14em; /* @kind font */

  /* Arabic sets long lines; measure stays generous */
  --measure-body:66ch; /* @kind font */
  --measure-lead:52ch; /* @kind font */
}