:root{
--font-sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
--font-serif:"EB Garamond","Times New Roman",serif;
--font-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;

--fs-10:10px;
--fs-12:12px;
--fs-13:13px;
--fs-14:14px;
--fs-15:15px;
--fs-17:17px;
--fs-20:20px;
--fs-24:24px;
--fs-28:28px;
--fs-36:36px;
--fs-48:48px;
--fs-64:64px;

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

--lh-tight:1.1; /* @kind font */
--lh-snug:1.3; /* @kind font */
--lh-body:1.6; /* @kind font */

--ls-display:-0.025em; /* @kind font */
--ls-heading:-0.015em; /* @kind font */
--ls-body:-0.005em; /* @kind font */
--ls-mono:0; /* @kind font */
--ls-caps:0.08em; /* @kind font */

/* Semantic roles */
--type-display:var(--fw-medium) var(--fs-36)/var(--lh-tight) var(--font-sans);
--type-display-serif:var(--fw-regular) var(--fs-48)/var(--lh-tight) var(--font-serif);
--type-h1:var(--fw-medium) var(--fs-28)/var(--lh-tight) var(--font-sans);
--type-h2:var(--fw-regular) var(--fs-24)/var(--lh-snug) var(--font-serif);
--type-h3:var(--fw-medium) var(--fs-15)/var(--lh-snug) var(--font-sans);
--type-body:var(--fw-regular) var(--fs-15)/var(--lh-body) var(--font-sans);
--type-small:var(--fw-regular) var(--fs-13)/var(--lh-body) var(--font-sans);
--type-label:var(--fw-medium) var(--fs-13)/1 var(--font-sans);
--type-meta:var(--fw-regular) var(--fs-12)/1.4 var(--font-mono);
--type-overline:var(--fw-medium) var(--fs-10)/1 var(--font-mono);
}
