:root{
--font-script:"Nostalgia Peachcreme","Snell Roundhand",cursive;
--font-display:"Archivo","Helvetica Neue",Helvetica,sans-serif;
--font-sans:"Archivo","Helvetica Neue",Helvetica,sans-serif;
--font-serif:"Newsreader",Georgia,"Times New Roman",serif;

--font-size-2xs:.6875rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;
--font-size-lg:1.125rem;--font-size-xl:1.3125rem;--font-size-2xl:1.625rem;--font-size-3xl:2.125rem;
--font-size-4xl:2.75rem;--font-size-5xl:3.5rem;--font-size-6xl:4.75rem;--font-size-7xl:6.5rem;

--line-tight:1.04; /* @kind other */
--line-snug:1.14; /* @kind other */
--line-heading:1.22; /* @kind other */
--line-body:1.55; /* @kind other */
--line-loose:1.7; /* @kind other */

--tracking-display:-.022em; /* @kind other */
--tracking-heading:-.012em; /* @kind other */
--tracking-body:0em; /* @kind other */
--tracking-eyebrow:.18em; /* @kind other */
--tracking-label:.06em; /* @kind other */

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

/* Semantic type roles — shorthand for the CSS `font` property */
--type-display:var(--weight-bold) var(--font-size-6xl)/var(--line-tight) var(--font-display); /* @kind font */
--type-h1:var(--weight-bold) var(--font-size-5xl)/var(--line-snug) var(--font-display); /* @kind font */
--type-h2:var(--weight-semibold) var(--font-size-3xl)/var(--line-heading) var(--font-display); /* @kind font */
--type-h3:var(--weight-semibold) var(--font-size-xl)/var(--line-heading) var(--font-display); /* @kind font */
--type-body:var(--weight-regular) var(--font-size-base)/var(--line-body) var(--font-sans); /* @kind font */
--type-body-serif:var(--weight-regular) var(--font-size-lg)/var(--line-loose) var(--font-serif); /* @kind font */
--type-lead:var(--weight-regular) var(--font-size-xl)/var(--line-loose) var(--font-serif); /* @kind font */
--type-label:var(--weight-semibold) var(--font-size-sm)/1.3 var(--font-sans); /* @kind font */
--type-eyebrow:var(--weight-semibold) var(--font-size-xs)/1.2 var(--font-sans); /* @kind font */
--type-caption:var(--weight-regular) var(--font-size-sm)/var(--line-body) var(--font-sans); /* @kind font */
}