@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{
--font-display:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
--font-body:'Inter',ui-sans-serif,system-ui,sans-serif;

--fs-hero:clamp(3.5rem,9vw,9rem); /* @kind font */
--fs-h1:clamp(2.5rem,5vw,5rem); /* @kind font */
--fs-h2:clamp(1.75rem,3.2vw,2.75rem); /* @kind font */
--fs-h3:clamp(1.25rem,2vw,1.75rem); /* @kind font */
--fs-lead:1.375rem; /* @kind font */
--fs-body:1.0625rem; /* @kind font */
--fs-small:0.875rem; /* @kind font */
--fs-micro:0.75rem; /* @kind font */

--lh-tight:0.92; /* @kind font */
--lh-heading:1.05; /* @kind font */
--lh-body:1.55; /* @kind font */

--ls-tight:-0.02em; /* @kind font */
--ls-wide:0.08em; /* @kind font */
--ls-label:0.14em; /* @kind font */

--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:700; /* @kind font */
}