:root{
--font-display:"Archivo","Helvetica Neue",Arial,sans-serif;
--font-body:"Source Sans 3","Helvetica Neue",Arial,sans-serif;
--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;

/* Display — Archivo, tight, slight negative tracking */
--type-display-1:800 44px/1.04 var(--font-display);
--type-display-2:800 34px/1.08 var(--font-display);
--type-display-3:700 26px/1.14 var(--font-display);
--track-display:-0.02em;

/* Headings — Archivo */
--type-heading-1:700 22px/1.22 var(--font-display);
--type-heading-2:700 18px/1.28 var(--font-display);
--type-heading-3:600 15px/1.32 var(--font-display);

/* Body — Source Sans 3 */
--type-body-lg:400 17px/1.52 var(--font-body);
--type-body:400 15px/1.55 var(--font-body);
--type-body-sm:400 13px/1.5 var(--font-body);
--type-body-strong:600 15px/1.5 var(--font-body);

/* Utility */
--type-label:600 13px/1.3 var(--font-body);
--type-caption:400 12px/1.4 var(--font-body);
--type-overline:700 11px/1.2 var(--font-display);
--track-overline:0.1em;
--type-mono:500 13px/1.45 var(--font-mono);
--type-mono-lg:600 17px/1.3 var(--font-mono);
}