Loop
Light and dark share the same roles. Raw teal is for fills and large marks. Body links use primary-text, which is darker in light mode so it clears 4.5:1. The toggle in the header switches the whole page.
bg
#F7F4EE
surface
#FFFDF8
surface2
#EFEAE2
border
#E3DCD0
text
#1C1915
textMuted
#5C564C
primary
#E0A15A
primaryText
#7C4512
onPrimary
#1C1208
accent
#4F46C8
onAccent
#FFFFFF
success
#16A34A
successText
#166534
warning
#D97706
warningText
#92400E
danger
#DC2626
dangerText
#B91C1C
Dark primary #E0A15A. Dark text #F3EFE6.
TealWarningSuccess
Instrument Sans for display.
Inter for the interface, with cv11 and ss01. JetBrains Mono for codes such as REF-2041. Tabular figures on metrics.