:root{
/* families */
--font-display:"Anton","Arial Narrow",Impact,sans-serif;
--font-condensed:"Barlow Condensed","Arial Narrow",sans-serif;
--font-body:"Barlow","Helvetica Neue",Arial,sans-serif;

/* display scale — always uppercase, always tracked out */
--text-hero:clamp(56px,9vw,132px);
--text-display-1:72px;
--text-display-2:56px;
--text-display-3:40px;
--text-title:28px;
--text-eyebrow:14px;

/* body scale */
--text-lead:20px;
--text-body:17px;
--text-small:15px;
--text-caption:13px;

/* weights */
--weight-display:400; /* @kind font */ /* Anton ships one weight */
--weight-label:600; /* @kind font */
--weight-bold:700; /* @kind font */
--weight-body:400; /* @kind font */

/* line heights */
--leading-display:0.88; /* @kind font */ /* unaccented caps only */
--leading-display-accented:1.02; /* @kind font */ /* use when a line starts with Á À Ã Ç É Ó */
--leading-title:1.05; /* @kind font */
--leading-body:1.55; /* @kind font */
--leading-tight:1.25; /* @kind font */

/* tracking */
--tracking-display:0.02em; /* @kind font */
--tracking-eyebrow:0.22em; /* @kind font */
--tracking-label:0.08em; /* @kind font */
--tracking-body:0; /* @kind font */
}