Lead heading - var(--at-heading--xl)
Hero heading - var(--at-heading--xl)
H1 heading - var(--at-heading--xl)
H2 heading - var(--at-heading--l)
H3 heading - var(--at-heading--m)
H4 heading - var(--at-heading--s)
H5 heading - var(--at-heading--xs)
H6 heading - var(--at-heading--2xs)
Body text – Extra Small – var(–at-text–xs)
Body text – Small – var(–at-text–s)
Body text – Medium – var(–at-text–m)
Body text – Large – var(–at-text–l)
Body text – Extra Large – var(–at-text–xl)
Primary Color
Secondary Color
Neutral Color
Dark Color
Light Background Color
White Color
Accent Color
ℹ️ This is visually renamed to Accent but in the actual code it is called black. This is because Brixies defaults everything to the black color code. By keeping black but renaming it we can avoid having to adjust the colors every time.