@import url('https://fonts.googleapis.com/css2?family=Bevan&family=Oswald:wght@300;400;500;600;700&family=Karla:ital,wght@0,400;0,500;0,700;1,400&family=Caveat:wght@500;700&display=swap');
:root{
--font-display:'Bevan',ui-serif,'Rockwell',serif;
--font-heading:'Oswald',ui-sans-serif,system-ui,sans-serif;
--font-body:'Karla',ui-sans-serif,system-ui,sans-serif;
--font-script:'Caveat',cursive;

--text-display-xl:clamp(3.5rem,7vw,6.5rem);
--text-display-lg:clamp(2.5rem,5vw,4rem);
--text-display-md:2.25rem;
--text-h1:2rem;
--text-h2:1.5rem;
--text-h3:1.125rem;
--text-body-lg:1.125rem;
--text-body:1rem;
--text-body-sm:0.875rem;
--text-label:0.8125rem;

--tracking-tight:-0.01em;
--tracking-wide:0.04em;
--tracking-wider:0.09em;

--leading-tight:1.05;
--leading-snug:1.25;
--leading-normal:1.55;
}