/* Mirrored verbatim from the Tasnef Design System (tokens/typography.css).
   Do not hand-edit — re-sync from the design project instead.

   Scale taken from the sizes tasnef.sa actually sets: 14 · 16 · 18 · 20 · 24 · 30 · 40 · 48 · 56 · 66.
   The brand sets headings in MEDIUM (500), not bold — bold is reserved for statistics. */
:root{
--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;
--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:40px;--font-size-5xl:48px;--font-size-6xl:56px;--font-size-display:66px;
--font-size-stat:44px;

--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;
--line-height-tight:1.2;--line-height-snug:1.35;--line-height-normal:1.6;--line-height-relaxed:1.5;
--letter-spacing-arabic:0;--letter-spacing-latin-caps:0.06em;

--type-display:var(--font-weight-medium) var(--font-size-display)/var(--line-height-tight) var(--font-family-core);
--type-h1:var(--font-weight-medium) var(--font-size-5xl)/var(--line-height-tight) var(--font-family-core);
--type-h2:var(--font-weight-medium) var(--font-size-4xl)/var(--line-height-snug) var(--font-family-core);
--type-h3:var(--font-weight-medium) var(--font-size-2xl)/var(--line-height-snug) var(--font-family-core);
--type-h4:var(--font-weight-medium) var(--font-size-xl)/var(--line-height-snug) var(--font-family-core);
--type-stat:var(--font-weight-bold) var(--font-size-stat)/1.1 var(--font-family-numeric);
--type-lead:var(--font-weight-regular) var(--font-size-xl)/var(--line-height-relaxed) var(--font-family-core);
--type-body:var(--font-weight-regular) var(--font-size-md)/var(--line-height-normal) var(--font-family-core);
--type-body-sm:var(--font-weight-regular) var(--font-size-sm)/var(--line-height-normal) var(--font-family-core);
--type-label:var(--font-weight-medium) var(--font-size-md)/var(--line-height-snug) var(--font-family-core);
--type-label-sm:var(--font-weight-medium) var(--font-size-sm)/var(--line-height-snug) var(--font-family-core);
--type-caption:var(--font-weight-regular) var(--font-size-sm)/var(--line-height-normal) var(--font-family-core);
--type-overline:var(--font-weight-medium) var(--font-size-xs)/1.4 var(--font-family-core)
}
@media (max-width:769px){:root{
--font-size-display:40px;--font-size-6xl:34px;--font-size-5xl:40px;--font-size-4xl:36px;--font-size-stat:34px
}}