:root{
--font-display:"Archivo","Helvetica Neue",Arial,sans-serif;
--font-heading:var(--font-display);
--font-body:"Archivo","Helvetica Neue",Arial,sans-serif;
--font-mono:"IBM Plex Mono",ui-monospace,monospace;
--font-arabic:"IBM Plex Sans Arabic","Archivo",sans-serif;

/* fluid display scale */
--text-display-xl:clamp(4rem,8vw,9rem); /* @kind font */
--text-display-l:clamp(3rem,6vw,7rem); /* @kind font */
--text-display-m:clamp(2.5rem,4vw,5rem); /* @kind font */
--text-heading-xl:clamp(2rem,3vw,4rem); /* @kind font */
--text-heading-l:clamp(1.75rem,2.5vw,3rem); /* @kind font */
--text-heading-m:clamp(1.4rem,2vw,2rem); /* @kind font */
--text-heading-s:1.25rem; /* @kind font */
--text-body-l:1.1875rem; /* @kind font */
--text-body-m:1.0625rem; /* @kind font */
--text-body-s:0.9375rem; /* @kind font */
--text-label:0.75rem; /* @kind font */
--text-label-s:0.6875rem; /* @kind font */

/* mobile hero override */
--text-hero-mobile:clamp(3rem,13vw,5rem); /* @kind font */

--leading-display:0.92; /* @kind font */
--leading-heading:1.06; /* @kind font */
--leading-snug:1.25; /* @kind font */
--leading-body:1.55; /* @kind font */
--leading-loose:1.7; /* @kind font */

--tracking-display:-0.035em; /* @kind font */
--tracking-heading:-0.02em; /* @kind font */
--tracking-body:0em; /* @kind font */
--tracking-label:0.14em; /* @kind font */
--tracking-label-wide:0.2em; /* @kind font */

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