:root{
--font-display:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;
--font-ui:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
--font-body:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;
--font-arabic:"Noto Kufi Arabic","Geeza Pro",Tahoma,sans-serif;

--fs-display-xl:72px;--fs-display-l:56px;--fs-display-m:44px;--fs-display-s:34px;
--fs-h1:28px;--fs-h2:22px;--fs-h3:18px;--fs-h4:16px;
--fs-body-l:18px;--fs-body:15px;--fs-body-s:13px;--fs-caption:11px;

--fw-regular:400;/* @kind font */--fw-medium:500;/* @kind font */--fw-semibold:600;/* @kind font */--fw-bold:700;/* @kind font */--fw-black:900;/* @kind font */
--lh-tight:1.08;/* @kind font */--lh-snug:1.25;/* @kind font */--lh-body:1.5;/* @kind font */
--ls-display:-0.02em;--ls-ui:0.01em;

/* Semantic roles */
--type-hero:var(--fw-bold) var(--fs-display-xl)/var(--lh-tight) var(--font-display);
--type-section:var(--fw-bold) var(--fs-display-m)/1.12 var(--font-display);
--type-screen-title:var(--fw-semibold) var(--fs-h1)/1.2 var(--font-ui);
--type-card-title:var(--fw-semibold) var(--fs-h3)/1.25 var(--font-ui);
--type-ui:var(--fw-medium) var(--fs-body)/1.4 var(--font-ui);
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-body);
--type-lede:var(--fw-regular) 22px/1.35 var(--font-display);
}