Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Body Text

Large body text: The quick brown fox jumps over the lazy dog.

Base body text: The quick brown fox jumps over the lazy dog.

Small body text: The quick brown fox jumps over the lazy dog.

Extra small text: The quick brown fox jumps over the lazy dog.

Font Weights

Normal weight text (400)

Medium weight text (500)

Semibold weight text (600)

Bold weight text (700)

Monospace

function applyTheme(theme) {
  document.documentElement.style.setProperty(
    '--primary', 
    theme.colors.primary
  );
}