Colour tokens
Every colour on the site is a named token. The values and the contrast against paper are read from the live stylesheet, so they follow the light and dark switch. Text takes ink, ink-2, muted or spark-ink; lines and spark are for shape.
var(--paper)
…
…
var(--paper-2)
…
…
var(--paper-3)
…
…
var(--ink)
…
…
var(--ink-2)
…
…
var(--muted)
…
…
var(--line)
…
…
var(--line-2)
…
…
var(--line-strong)
…
…
var(--line-control)
…
…
var(--spark)
…
…
var(--spark-ink)
…
…