:root{
/* Ghla carries Arabic; All Round Gothic carries Latin/numerals. Listing both in
   every stack lets mixed Ar/En strings resolve per-glyph without extra markup. */
--font-ar:"Ghla","All Round Gothic",system-ui,sans-serif;
--font-latin:"All Round Gothic","Ghla",system-ui,sans-serif;
--font-display:"Ghla","All Round Gothic",system-ui,sans-serif;
--font-body:"Ghla","All Round Gothic",system-ui,sans-serif;
--font-mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;

/* Ghla ships Regular + Bold only. All Round Gothic adds 200/400/500/600/700. */
--fw-xlight:200; /* @kind font */
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-demi:600; /* @kind font */
--fw-bold:700; /* @kind font */

--fs-display:44px;--fs-h1:34px;--fs-h2:26px;--fs-h3:21px;--fs-title:18px;
--fs-body:16px;--fs-body-sm:14px;--fs-caption:12px;--fs-micro:11px;

--lh-tight:1.15; /* @kind font */
--lh-heading:1.3; /* @kind font */
--lh-body:1.75; /* @kind font */
--lh-loose:1.9; /* @kind font */
--ls-tight:-0.01em; /* @kind font */
--ls-normal:0; /* @kind font */
--ls-wide:0.04em; /* @kind font */
}