colours
Colour tokens control foreground and background colours for all content. The system is monochrome with a warm hue mixed in.
They were chosen in order to swap out the colours in light/dark mode while maintaining contrast differences between foreground and background elements.
You can test the light/dark themes and increased contrast modes by changing it in your browser developer tools or operating system settings.
Note that the weakest contrast shown below is inaccessible against the background and is only used for artistic effect such as strokes.
To further increase the contrast when desired, we shift the background color: