:root{
/* families — Poppins is primary (display + headline), Mulish stands in for Avenir Next Pro (UI + body) */
--font-primary:"Poppins","Avenir Next Pro","Helvetica Neue",sans-serif;
--font-secondary:"Mulish","Avenir Next Pro","Avenir Next","Helvetica Neue",sans-serif;
--font-display:var(--font-primary);
--font-body:var(--font-secondary);
--font-ui:var(--font-secondary);
--font-logotype:"Mirante",var(--font-primary); /* licensed — logos ship as PNG assets */

/* weights actually licensed/used */
--fw-light:300; /* @kind other */
--fw-regular:400; /* @kind other */
--fw-medium:500; /* @kind other */
--fw-demi:600; /* @kind other */
--fw-bold:700; /* @kind other */
--fw-extrabold:800; /* @kind other */

/* sizes — 1.25 ratio off a 16px body */
--fs-3xs:11px;
--fs-2xs:12px;
--fs-xs:13px;
--fs-sm:15px;
--fs-md:16px;
--fs-lg:18px;
--fs-xl:22px;
--fs-2xl:28px;
--fs-3xl:36px;
--fs-4xl:46px;
--fs-5xl:58px;
--fs-6xl:76px;

--lh-tight:1.04; /* @kind other */
--lh-snug:1.16; /* @kind other */
--lh-normal:1.5; /* @kind other */
--lh-relaxed:1.65; /* @kind other */

--ls-tightest:-0.03em; /* @kind other */
--ls-tight:-0.015em; /* @kind other */
--ls-normal:0; /* @kind other */
--ls-wide:0.06em; /* @kind other */
--ls-widest:0.16em; /* @kind other */ /* "DIETARY SUPPLEMENT · 120 CAPSULES" label style */

/* ---- semantic type roles ----
   headers are set lower case (brand book p.36) */
--type-display-font:var(--font-display);
--type-display-weight:var(--fw-bold); /* @kind other */
--type-display-size:var(--fs-6xl);
--type-display-lh:var(--lh-tight); /* @kind other */
--type-display-ls:var(--ls-tightest); /* @kind other */

--type-headline-font:var(--font-display);
--type-headline-weight:var(--fw-bold); /* @kind other */
--type-headline-size:var(--fs-3xl);
--type-headline-lh:var(--lh-snug); /* @kind other */
--type-headline-ls:var(--ls-tight); /* @kind other */

--type-title-font:var(--font-display);
--type-title-weight:var(--fw-demi); /* @kind other */
--type-title-size:var(--fs-xl);
--type-title-lh:var(--lh-snug); /* @kind other */

--type-body-font:var(--font-body);
--type-body-weight:var(--fw-light); /* @kind other */
--type-body-size:var(--fs-md);
--type-body-lh:var(--lh-relaxed); /* @kind other */

--type-body-strong-weight:var(--fw-demi); /* @kind other */

--type-ui-font:var(--font-ui);
--type-ui-weight:var(--fw-demi); /* @kind other */
--type-ui-size:var(--fs-sm);
--type-ui-ls:var(--ls-normal); /* @kind other */

--type-eyebrow-font:var(--font-body);
--type-eyebrow-weight:var(--fw-medium); /* @kind other */
--type-eyebrow-size:var(--fs-2xs);
--type-eyebrow-ls:var(--ls-widest); /* @kind other */

--type-caption-font:var(--font-body);
--type-caption-weight:var(--fw-regular); /* @kind other */
--type-caption-size:var(--fs-xs);
}