@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{
--font-display:'Archivo',system-ui,sans-serif;
--font-body:'IBM Plex Sans',system-ui,sans-serif;
--font-mono:'IBM Plex Mono',ui-monospace,monospace;
--text-display-xl:clamp(2.75rem,5vw,4.5rem);
--text-display-lg:clamp(2.25rem,4vw,3.5rem);
--text-display-md:2.5rem;
--text-heading-lg:2rem;
--text-heading-md:1.5rem;
--text-heading-sm:1.25rem;
--text-body-lg:1.125rem;
--text-body-md:1rem;
--text-body-sm:.875rem;
--text-caption:.75rem;
--lh-tight:1.08;/* @kind other */
--lh-snug:1.25;/* @kind other */
--lh-normal:1.5;/* @kind other */
--lh-relaxed:1.65;/* @kind other */
--ls-tight:-0.02em;
--ls-wide:.08em;
--fw-regular:400;/* @kind other */
--fw-medium:500;/* @kind other */
--fw-semibold:600;/* @kind other */
--fw-bold:700;/* @kind other */
--fw-black:900;/* @kind other */
}