Design system

The real tokens this project is built from, read straight out of design/tokens.css. Nothing on this page is a copy — a design system page that restates its own values is the second copy that drifts.

Colour

--background
#fdf8f3 / #150d0b
--foreground
#2c1a14 / #f4ede6
--card
#fffcf8 / #1e1613
--card-foreground
#0a0a0a / #fafafa
--popover
#ffffff / #0a0a0a
--primary
#782a39 / #c25c6e
--primary-foreground
#fbf4e6 / #2c1418
--secondary
#f5f5f5 / #262626
--secondary-foreground
#171717 / #fafafa
--muted
#f5f5f5 / #262626
--muted-foreground
#604e46 / #a1a1a1
--accent
#f2e6e0 / #3f271e
--accent-foreground
#782a39 / #f1c1b1
--gold
#ffbb48 / #ffbb48
--colophon
#f1e7dd / #1e1613
--destructive
#e40014 / #82181a
--border
#e8dbd3 / #2f2723
--input
#e8dbd3 / #2f2723
--ring
#9a4250 / #c25c6e
--success
#76c7cc / #003033
--warning
#ffd294 / #543200
--error
#ff847d / #843c38
--sidebar
#fafafa / #171717
--sidebar-border
#e5e5e5 / #262626
--success-line
#2f7d7f / #76c7cc
--warning-line
#9a6a12 / #ffbb48

Type

Body — --font

Interface — --font-ui

Mono — --font-mono

Everything else