:root{
--font-sans:"Geist","Helvetica Neue",Helvetica,Arial,sans-serif;
--font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
--font-core:var(--font-sans);

--weight-light:300; /* @kind font */
--weight-regular:400; /* @kind font */
--weight-medium:500; /* @kind font */
--weight-semibold:600; /* @kind font */
--weight-bold:700; /* @kind font */

/* display — marketing headlines only */
--size-display-1:72px;
--size-display-2:56px;
--size-display-3:44px;
/* headings */
--size-h1:34px;
--size-h2:28px;
--size-h3:20px;
--size-h4:17px;
/* body + utility */
--size-body-lg:18px;
--size-body:16px;
--size-body-sm:14px;
--size-caption:13px;
--size-micro:11px;
/* stat numerals */
--size-stat:54px;

--leading-display:1.04; /* @kind font */
--leading-heading:1.15; /* @kind font */
--leading-body:1.5; /* @kind font */
--leading-tight:1.3; /* @kind font */

--tracking-display:-0.032em; /* @kind font */
--tracking-heading:-0.02em; /* @kind font */
--tracking-body:-0.011em; /* @kind font */
--tracking-flat:0em; /* @kind font */
--tracking-caps:0.08em; /* @kind font */

/* semantic roles */
--text-hero:var(--weight-medium) var(--size-display-1)/var(--leading-display) var(--font-sans); /* @kind font */
--text-section:var(--weight-medium) var(--size-display-3)/var(--leading-heading) var(--font-sans); /* @kind font */
--text-title:var(--weight-medium) var(--size-h3)/var(--leading-tight) var(--font-sans); /* @kind font */
--text-copy:var(--weight-regular) var(--size-body)/var(--leading-body) var(--font-sans); /* @kind font */
--text-label:var(--weight-medium) var(--size-caption)/1.3 var(--font-sans); /* @kind font */
--text-code:var(--weight-regular) var(--size-body-sm)/1.65 var(--font-mono); /* @kind font */
}