:root{
/* families — Syne carries everything structural, Montserrat only long-form copy */
--font-display:"Syne",sans-serif;
--font-body:"Montserrat",sans-serif;

/* weights actually in use */
--fw-medium:500; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:700; /* @kind font */
--fw-black:800; /* @kind font */

/* display scale (Syne) — literal px values lifted from the source */
--fs-hero:96px;            --lh-hero:1; /* @kind font */
--fs-display-1:70px;
--fs-display-2:64px;
--fs-section:48px;         /* .section-h2 — the workhorse section headline */
--fs-h3-xl:38px;
--fs-h3:36px;
--fs-h4-xl:32px;
--fs-h4:30px;
--fs-h5:28px;
--fs-h6:26px;
--fs-title:24px;           --lh-title:32px;
--fs-subtitle:22px;
--fs-lead:20px;
--fs-label:18px;           --lh-label:24px;   /* .section-title / eyebrow */
--fs-ui:16px;              --lh-ui:24px;      /* buttons, nav, links */
--fs-micro:14px;           --lh-micro:18px;   /* tags, meta */

/* body scale (Montserrat) */
--fs-body-lg:18px;         --lh-body-lg:30px;
--fs-body-lg-tight:18px;   --lh-body-lg-tight:24px;
--fs-body:16px;            --lh-body:24px;
--fs-body-loose:16px;      --lh-body-loose:30px;
--fs-body-sm:14px;         --lh-body-sm:20px;

/* tracking — only ever positive, only on uppercase runs */
--ls-eyebrow:2px;
--ls-eyebrow-wide:2.5px;
--ls-scroll:3px;
--ls-loading:7px;

/* underline treatment used on every hovered link/heading */
--underline-weight:2px;
--underline-offset:4px;
}