Color

Token

Colour lives in tokens.css. Surfaces stay cream; accent is lime; member cards invert to teal.

--color-text

#0b383d. Primary text and filled buttons.

--color-light

#596b65. Supporting copy.

--color-background

#f8f8f0. Page background.

--color-surface

#fffef9. Default cards and inputs.

--color-accent

#ddf785. Savings labels and highlights.

--color-accent-text

#52692f. Accent on the hero.

--color-border

#cbd4c5. Hairline rules.

--color-hover

#19565c. Primary button hover.

--color-soft

#eaf0df. Selected choice cards and banners.

--color-inverse-light

#b4c7c4. Light copy on member cards.

--color-inverse-border

#527475. Rules on member cards.

--color-error

#a12622. Errors.

--color-error-surface

#fff0ed. Error panels.

--color-backdrop

#052a32b3. Dialog overlay.