@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');
:root{
--font-display:'Instrument Serif',ui-serif,Georgia,serif;
--font-sans:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,monospace;

--text-display-xl:clamp(3rem,2.2rem + 3.5vw,5.5rem); /* @kind other */
--text-display-lg:clamp(2.5rem,2rem + 2.2vw,4rem); /* @kind other */
--text-display-md:clamp(2rem,1.7rem + 1.4vw,2.75rem); /* @kind other */
--text-heading:1.75rem;
--text-subheading:1.375rem;
--text-title:1.125rem;
--text-body-lg:1.125rem;
--text-body:1rem;
--text-body-sm:0.9375rem;
--text-caption:0.8125rem;
--text-button:0.9375rem;
--text-label:0.8125rem;
--text-nav:0.9375rem;

--lh-display:1.05; /* @kind other */
--lh-heading:1.2; /* @kind other */
--lh-body:1.6; /* @kind other */
--lh-tight:1.3; /* @kind other */

--ls-display:-0.01em; /* @kind other */
--ls-tight:-0.015em; /* @kind other */
--ls-normal:0; /* @kind other */
--ls-wide:0.06em; /* @kind other */

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