:root{
--font-arabic:'Almarai',system-ui,sans-serif;
--font-display-latin:'Michroma','Almarai',sans-serif; /* SUBSTITUTE for ITC Handel Gothic */
--font-body:'Almarai',system-ui,sans-serif;
--font-mono:ui-monospace,'SFMono-Regular',Menlo,monospace;
--weight-light:300;--weight-regular:400;--weight-bold:700;--weight-extra:800;
/* Scale (px, screen) */
--fs-display:64px;--fs-h1:44px;--fs-h2:32px;--fs-h3:24px;--fs-h4:20px;--fs-body-lg:18px;--fs-body:16px;--fs-small:14px;--fs-caption:12px;--fs-micro:10px;
--lh-tight:1.2;/* @kind font */
--lh-snug:1.4;/* @kind font */
--lh-body:1.75;/* @kind font */
 /* Arabic body in the profile is set very open */
--tracking-wordmark:.32em;/* @kind font */
 /* B I N E X A */
--tracking-latin-caps:.12em;/* @kind font */

/* Semantic */
--type-display:var(--weight-extra) var(--fs-display)/var(--lh-tight) var(--font-arabic);/* @kind font */

--type-h1:var(--weight-extra) var(--fs-h1)/var(--lh-tight) var(--font-arabic);/* @kind font */

--type-h2:var(--weight-extra) var(--fs-h2)/var(--lh-tight) var(--font-arabic);/* @kind font */

--type-h3:var(--weight-bold) var(--fs-h3)/var(--lh-snug) var(--font-arabic);/* @kind font */

--type-body:var(--weight-regular) var(--fs-body)/var(--lh-body) var(--font-body);/* @kind font */

--type-label:var(--weight-bold) var(--fs-small)/var(--lh-snug) var(--font-body);/* @kind font */

}