@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");
:root{
--font-display:"Space Grotesk",system-ui,sans-serif;
--font-body:"Inter",system-ui,sans-serif;
--font-mono:"IBM Plex Mono","SF Mono",monospace;
--text-display-xl:clamp(2.75rem,5vw,5.5rem);
--text-display-l:clamp(2.25rem,4vw,3.75rem);
--text-display-m:clamp(1.75rem,3vw,2.75rem);
--text-h1:2.25rem;
--text-h2:1.75rem;
--text-h3:1.375rem;
--text-h4:1.125rem;
--text-body-l:1.125rem;
--text-body:1rem;
--text-body-s:0.875rem;
--text-caption:0.75rem;
--text-eyebrow:0.8125rem;
--lh-tight:1.05; /* @kind other */
--lh-heading:1.15; /* @kind other */
--lh-body:1.6; /* @kind other */
--tracking-tight:-0.02em;
--tracking-normal:0em;
--tracking-wide:0.08em;
--tracking-widest:0.16em;
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;
}