@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@600;700&family=Mulish:wght@400;600;700&display=swap');
:root{
--font-display:'Roboto Slab',serif;
--font-body:'Mulish',sans-serif;

--weight-regular:400;
--weight-semibold:600;
--weight-bold:700;

/* Display / headline scale — set with clamp() so it fluidly scales with viewport, per source */
--text-h1:clamp(2rem,5vw,3.5rem);
--text-h2:clamp(1.5rem,3.2vw,2.5rem);
--text-h3:18px;
--text-eyebrow:13px;
--text-body-lg:clamp(1rem,1.1vw,1.125rem);
--text-body:15px;
--text-body-sm:14px;
--text-caption:13px;
--text-micro:12px;

--leading-tight:1.15;
--leading-snug:1.4;
--leading-normal:1.6;

--tracking-eyebrow:0.08em;
--tracking-button:0.03em;
--tracking-tight:-0.01em;
}