:root{
--font-display:"Baloo 2","Baloo Bhaijaan 2",system-ui,sans-serif;
--font-display-ar:"Baloo Bhaijaan 2","Baloo 2",system-ui,sans-serif;
--font-body:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,sans-serif;
--font-body-ar:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif;

--fw-thin:100; /* @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-extrabold:800; /* @kind font */

--text-display-xl:44px;--text-display-l:36px;--text-display-m:30px;
--text-title-l:24px;--text-title-m:20px;--text-title-s:17px;
--text-body-l:17px;--text-body-m:15px;--text-body-s:13px;
--text-label:12px;--text-caption:11px;

--lh-display:1.06; /* @kind font */
--lh-title:1.22; /* @kind font */
--lh-body:1.5; /* @kind font */
--lh-relaxed:1.65; /* @kind font */
--lh-display-ar:1.35; /* @kind font */
--lh-body-ar:1.75; /* @kind font */

--ls-display:-0.02em; /* @kind font */
--ls-title:-0.01em; /* @kind font */
--ls-body:0em; /* @kind font */
--ls-label:0.02em; /* @kind font */
--ls-caps:0.08em; /* @kind font */
}
/* Type recipes — the only class-based CSS in the system, so specimen cards,
   slides and docs can reach the exact same ramp. */
.mrh-display-xl{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--text-display-xl);line-height:var(--lh-display);letter-spacing:var(--ls-display);color:var(--text-heading)}
.mrh-display-l{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-display-l);line-height:var(--lh-display);letter-spacing:var(--ls-display);color:var(--text-heading)}
.mrh-display-m{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-display-m);line-height:1.12;letter-spacing:var(--ls-display);color:var(--text-heading)}
.mrh-title-l{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-title-l);line-height:var(--lh-title);letter-spacing:var(--ls-title);color:var(--text-heading)}
.mrh-title-m{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-title-m);line-height:var(--lh-title);color:var(--text-heading)}
.mrh-title-s{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-title-s);line-height:1.3;color:var(--text-heading)}
.mrh-body-l{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:var(--text-body-l);line-height:var(--lh-body);color:var(--text-body)}
.mrh-body-m{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:var(--text-body-m);line-height:var(--lh-body);color:var(--text-body)}
.mrh-body-s{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:var(--text-body-s);line-height:1.45;color:var(--text-muted)}
.mrh-label{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--text-label);line-height:1.2;letter-spacing:var(--ls-label);color:var(--text-body)}
.mrh-eyebrow{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--text-caption);line-height:1.2;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-muted)}
[dir="rtl"] .mrh-display-xl,[dir="rtl"] .mrh-display-l,[dir="rtl"] .mrh-display-m,[dir="rtl"] .mrh-title-l,[dir="rtl"] .mrh-title-m,[dir="rtl"] .mrh-title-s{font-family:var(--font-display-ar);line-height:var(--lh-display-ar);letter-spacing:0}
[dir="rtl"] .mrh-body-l,[dir="rtl"] .mrh-body-m,[dir="rtl"] .mrh-body-s,[dir="rtl"] .mrh-label{font-family:var(--font-body-ar);line-height:var(--lh-body-ar)}
[dir="rtl"] .mrh-eyebrow{text-transform:none;letter-spacing:0;font-family:var(--font-body-ar)}