Font family
Every component defaults to --eun-font-family. This is independent of whatever typeface a
consuming app (or this documentation site's own chrome) uses
elsewhere; components never inherit font-family from their
surrounding page.
The quick brown fox jumps over the lazy dog.
--eun-font-family: "Mulish", sans-serif;
Overriding it
Set the token at whatever scope you want to affect: globally on
:root, or scoped to one subtree.
:root {
--eun-font-family: "Inter", sans-serif;
}
Because every component reads font-family: var(--eun-font-family, ...)
internally, they all pick up the change with no per-component
configuration.