Design system

Style Guide

Single source: tokens.css (derived from brand-guide.md)

Charcoal
--ink

Teal (primary)
--teal

Teal soft
--teal-soft

Gold (secondary)
--gold

Rose
--rose

Bad/overdue
--bad

Text
--text

Muted
--muted

Maven Pro display

Maven Pro / H2 (teal)

Open Sans body text. Premium, calm, financial-trust. ZAR formatting via Intl.

Kicker label