@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&family=Cairo:wght@400;600;700;800&display=swap');
:root{
--font-display:'Fredoka',ui-rounded,'Baloo 2',sans-serif;
--font-body:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif;
--font-arabic:'Cairo','Poppins',sans-serif;

--text-display-xl:clamp(2.75rem,2rem + 3vw,5.5rem);
--text-display-lg:clamp(2.25rem,1.8rem + 2vw,4rem);
--text-display-md:clamp(1.75rem,1.5rem + 1.2vw,2.75rem);
--text-display-sm:1.5rem;
--text-body-lg:1.25rem;
--text-body-md:1.0625rem;
--text-body-sm:0.9375rem;
--text-caption:0.8125rem;
--text-label:0.875rem;

--leading-tight:1.02;
--leading-snug:1.2;
--leading-normal:1.5;
--leading-relaxed:1.65;

--tracking-tight:-0.01em;
--tracking-normal:0;
--tracking-wide:0.04em;
--tracking-wider:0.08em;
}