Typography
The type scale and per-brand font families, read live from ui-core.
Armstrong Collective sets the master scale in Manrope; Rocky Mountaineer and Canyon Spirit
swap only the heading/body font families, not the sizes. Values below are parsed straight out
of packages/ui-core/src/styles/tokens/typography.css at render time — there's no DTCG source
for typography yet (see the PR that added this page for why), so this is the closest thing to
"auto-generated" available until one exists: it can't hand-drift from the shipped CSS because
it is the shipped CSS.
--font-heading: var(--font-sans) · --font-body: var(--font-sans)
--fs-display: clamp(2.75rem, 1.6rem + 5.6vw, 5.5rem)--fs-h1: clamp(2.25rem, 1.5rem + 3.6vw, 3.75rem)--fs-h2: clamp(1.75rem, 1.3rem + 2.2vw, 2.75rem)--fs-h3: clamp(1.375rem, 1.1rem + 1.2vw, 1.875rem)--fs-h4: 1.25rem--fs-body-lg: 1.1875rem--fs-body: 1.0625rem--fs-body-sm: 0.9375rem--fs-caption: 0.8125rem--fs-overline: 0.75rem--font-heading: var(--cs-font-display) · --font-body: var(--cs-font-body)
--fs-display: clamp(2.75rem, 1.6rem + 5.6vw, 5.5rem)--fs-h1: clamp(2.25rem, 1.5rem + 3.6vw, 3.75rem)--fs-h2: clamp(1.75rem, 1.3rem + 2.2vw, 2.75rem)--fs-h3: clamp(1.375rem, 1.1rem + 1.2vw, 1.875rem)--fs-h4: 1.25rem--fs-body-lg: 1.1875rem--fs-body: 1.0625rem--fs-body-sm: 0.9375rem--fs-caption: 0.8125rem--fs-overline: 0.75rem--font-heading: var(--rm-font-display) · --font-body: var(--rm-font-body)
--fs-display: clamp(2.75rem, 1.6rem + 5.6vw, 5.5rem)--fs-h1: clamp(2.25rem, 1.5rem + 3.6vw, 3.75rem)--fs-h2: clamp(1.75rem, 1.3rem + 2.2vw, 2.75rem)--fs-h3: clamp(1.375rem, 1.1rem + 1.2vw, 1.875rem)--fs-h4: 1.25rem--fs-body-lg: 1.1875rem--fs-body: 1.0625rem--fs-body-sm: 0.9375rem--fs-caption: 0.8125rem--fs-overline: 0.75rem