@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@600;700;800&family=Public+Sans:wght@300;400;500;600;700&display=swap');
:root{
--font-display:"Urbanist",-apple-system,"Segoe UI",sans-serif;
--font-body:"Public Sans",-apple-system,"Segoe UI",sans-serif;
--font-mono:"IBM Plex Mono","SFMono-Regular",Menlo,monospace;
--text-display-1:700 clamp(2.75rem,4vw,4.5rem)/1.05 var(--font-display);
--text-display-2:700 clamp(2.25rem,3vw,3.25rem)/1.1 var(--font-display);
--text-h1:700 2.5rem/1.15 var(--font-display);
--text-h2:700 1.875rem/1.2 var(--font-display);
--text-h3:600 1.375rem/1.3 var(--font-display);
--text-h4:600 1.125rem/1.35 var(--font-display);
--text-eyebrow:700 0.8125rem/1.2 var(--font-body);
--text-body-lg:400 1.1875rem/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);
--tracking-eyebrow:0.14em;
}
