@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,600&display=swap');

:root{
--font-display:'Poppins',ui-sans-serif,system-ui,sans-serif;
--font-body:'Poppins',ui-sans-serif,system-ui,sans-serif;

--text-display-xl:clamp(2.75rem,5vw,4.5rem);
--text-display-l:clamp(2.25rem,4vw,3.25rem);
--text-h1:2rem;
--text-h2:1.5rem;
--text-h3:1.25rem;
--text-body-l:1.125rem;
--text-body:1rem;
--text-body-s:0.875rem;
--text-caption:0.75rem;

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

--leading-tight:1.1;
--leading-snug:1.3;
--leading-normal:1.5;
--leading-relaxed:1.65;

--tracking-tight:-0.02em;
--tracking-normal:0;
--tracking-wide:0.08em;
--tracking-widest:0.16em;
}