:root{
/* --- Families --- */
--font-display:"Anton","Haettenschweiler","Impact",sans-serif; /* headlines, one-liners, can lettering */
--font-condensed:"Oswald",sans-serif;                          /* eyebrows, labels, nav, buttons */
--font-body:"Archivo","Helvetica Neue",Arial,sans-serif;        /* body copy, UI */
--font-script:"Yellowtail",cursive;                            /* signature accent only */
--font-mono:ui-monospace,"SFMono-Regular",Menlo,monospace;     /* codes, ABV/IBU data */

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

/* --- Size scale (1.25 major third, 16px base) --- */
--fs-3xs:11px;--fs-2xs:12px;--fs-xs:13px;--fs-sm:15px;--fs-md:17px;--fs-lg:20px;
--fs-xl:26px;--fs-2xl:34px;--fs-3xl:46px;--fs-4xl:62px;--fs-5xl:84px;--fs-6xl:116px;--fs-7xl:156px;

/* --- Line heights --- */
--lh-tight:0.88; /* @kind font */
--lh-display:0.94; /* @kind font */
--lh-snug:1.2; /* @kind font */
--lh-body:1.55; /* @kind font */
--lh-loose:1.7; /* @kind font */

/* --- Tracking --- */
--tr-display:-0.01em; /* @kind font */
--tr-normal:0; /* @kind font */
--tr-label:0.12em; /* @kind font */
--tr-eyebrow:0.22em; /* @kind font */
--tr-caps-wide:0.3em; /* @kind font */

/* --- Roles --- */
--type-hero-family:var(--font-display); /* @kind font */
--type-hero-size:var(--fs-6xl); /* @kind font */
--type-hero-lh:var(--lh-tight); /* @kind font */
--type-h1-size:var(--fs-4xl); /* @kind font */
--type-h2-size:var(--fs-3xl); /* @kind font */
--type-h3-size:var(--fs-2xl); /* @kind font */
--type-eyebrow-family:var(--font-condensed); /* @kind font */
--type-eyebrow-size:var(--fs-2xs); /* @kind font */
--type-eyebrow-tracking:var(--tr-eyebrow); /* @kind font */
--type-body-size:var(--fs-md); /* @kind font */
--type-body-lh:var(--lh-body); /* @kind font */
--type-label-family:var(--font-condensed); /* @kind font */
--type-label-tracking:var(--tr-label); /* @kind font */
}