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

--text-display-xl:700 3.75rem/1.02 var(--font-display);
--text-display-lg:700 2.75rem/1.05 var(--font-display);
--text-display-md:700 2.25rem/1.1 var(--font-display);
--text-display-sm:600 1.5rem/1.15 var(--font-display);

--text-subheadline:600 1.25rem/1.4 var(--font-body);
--text-body-lg:400 1.125rem/1.6 var(--font-body);
--text-body:400 1rem/1.6 var(--font-body);
--text-body-sm:400 0.875rem/1.5 var(--font-body);
--text-caption:500 0.75rem/1.4 var(--font-body);
--text-quote:italic 400 1.25rem/1.5 var(--font-body);
--text-label:600 0.8125rem/1.2 var(--font-body);

--tracking-tight:-0.01em;
--tracking-wide:0.04em;
}
