:root{
/* Families */
--font-script:"Folkies Vantage Script","Brush Script MT",cursive;
--font-sans-display:"Folkies Vantage Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
--font-body:Helvetica,"Helvetica Neue",Arial,sans-serif;
--font-mono:"SF Mono",Menlo,Consolas,monospace;

/* Semantic roles */
--font-logo:var(--font-script);
--font-display:var(--font-script);
--font-subhead:var(--font-sans-display);
--font-eyebrow:var(--font-sans-display);
--font-ui:var(--font-sans-display);
--font-text:var(--font-body);

/* Scale — display (script) */
--type-display-xl:clamp(56px,7vw,104px);
--type-display-l:clamp(44px,5vw,72px);
--type-display-m:clamp(34px,3.6vw,52px);
--type-display-s:28px;

/* Scale — subhead (sans display, set in caps) */
--type-subhead-l:32px;
--type-subhead-m:24px;
--type-subhead-s:18px;
--type-eyebrow:13px;

/* Scale — body (Helvetica) */
--type-body-l:19px;
--type-body-m:16px;
--type-body-s:14px;
--type-caption:12px;

/* Line heights */
--leading-display:0.94;
--leading-subhead:1.12;
--leading-body:1.6;
--leading-tight:1.25;

/* Tracking */
--tracking-display:0;
--tracking-subhead:0.04em;
--tracking-eyebrow:0.18em;
--tracking-body:0;
--tracking-caps:0.08em;
}