@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{
--font-display:'Fraunces',Georgia,serif;
--font-body:'IBM Plex Sans',-apple-system,Helvetica,Arial,sans-serif;
--font-mono:'IBM Plex Mono',Menlo,Consolas,monospace;

--weight-display-regular:400;
--weight-display-medium:500;
--weight-body-regular:400;
--weight-body-medium:500;
--weight-body-semibold:600;

--text-display-xl:56px;
--text-display-lg:40px;
--text-display-md:32px;
--text-heading-lg:28px;
--text-heading-md:22px;
--text-body-lg:18px;
--text-body-md:16px;
--text-body-sm:14px;
--text-caption:12px;

--leading-tight:1.1;
--leading-display:1.15;
--leading-heading:1.25;
--leading-body:1.55;

--tracking-display:-0.01em;
--tracking-caption:0.02em;
}