Fonts
Kelp uses three font stacks, adapated from Modern Font Stack.
--font-primaryis used for body content, forms, buttons, and most default components.--font-secondaryis used for headings.--font-monospaceis used for<code>and<pre>elements.
You can modify them in the kelp.theme cascade layer…
@layer kelp.theme {
:where(:root) {
--font-primary: ui-sans-serif, system-ui, sans-serif;
--font-secondary: Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;
--font-monospace: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
}
}