@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Noto+Nastaliq+Urdu:wght@400..700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
/* Brand calls for "North Sans" (body/UI) and "Cottorway Pro" (display headlines) —
   both are commercial fonts not present in the source repos. Substituted with the
   nearest free Google Fonts pairing: Plus Jakarta Sans (geometric humanist sans,
   same confident/modern character) and Bricolage Grotesque (grotesque display with
   comparable "sophisticated, luxurious" headline presence). Noto Nastaliq Urdu is
   added for on-brand Urdu-script UI, since the primary audience reads Urdu. */
--font-display:'Bricolage Grotesque',Georgia,serif;
--font-body:'Plus Jakarta Sans',Inter,Arial,Helvetica,sans-serif;
--font-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
--font-urdu:'Noto Nastaliq Urdu',serif;

/* Type scale */
--text-display-xl:clamp(48px,7vw,88px);
--text-display-l:clamp(36px,5vw,58px);
--text-display-m:clamp(28px,3.4vw,40px);
--text-heading-l:28px;
--text-heading-m:22px;
--text-heading-s:18px;
--text-body-l:17px;
--text-body-m:15px;
--text-body-s:13px;
--text-caption:11px;
--text-micro:9px;

--leading-tight:1.05;
--leading-snug:1.25;
--leading-normal:1.55;
--leading-loose:1.8;

--tracking-tight:-.04em;
--tracking-normal:0;
--tracking-wide:.08em;
--tracking-wider:.14em;

--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;
--weight-extrabold:800;
}