@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,800&display=swap');
:root{
/* One family: Archivo. Hierarchy by weight + size only. */
--font-primary:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

--type-banner:italic 800 38px/1.05 var(--font-primary);   /* lime banner headline */
--type-title:700 24px/1.2 var(--font-primary);            /* screen title (23–28) */
--type-title-xl:800 28px/1.15 var(--font-primary);
--type-metric:800 26px/1.1 var(--font-primary);           /* widget values (21–26) */
--type-metric-lg:800 32px/1.1 var(--font-primary);
--type-section:700 16px/1.3 var(--font-primary);          /* section heading */
--type-section-lg:800 20px/1.25 var(--font-primary);
--type-row:600 15px/1.3 var(--font-primary);              /* card title / row name */
--type-body:400 13px/1.55 var(--font-primary);
--type-meta:400 12px/1.4 var(--font-primary);
--type-label:500 12px/1.3 var(--font-primary);            /* field label */
--type-eyebrow:600 10px/1.2 var(--font-primary);          /* + uppercase, 1.2px tracking */
--type-tag:700 11px/1.2 var(--font-primary);
--type-button:700 15px/1 var(--font-primary);

--tracking-title:-0.4px;--tracking-eyebrow:1.2px;
--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;
}