Colors
Brand
Primary green is the brand — CTAs, focus rings, active nav, the G-mark and the signature glow. Light mode darkens it to pass AA on off-white.
CTAs, focus rings, active nav, the G-mark, the glow.
Hover state of primary elements.
Pressed state of primary elements.
Secondary callouts and "premium" tier hints. Use sparingly.
Always The Keeper's Call; "Buy on Amazon"-style CTAs.
Surfaces
Near-black, never pure black — cards lift one step or shift to a faint blue-tinted alt. Light mode mirrors with off-whites, never
Page background.
Cards and panels.
Hovered surfaces.
Alt cards, pills, card headers.
1px borders and dividers.
Text
Headings and primary text.
Body copy, including editorial Playfair.
Secondary headings.
De-emphasised text.
Meta, captions, placeholders, outline-button borders.
Status
Destructive actions only. Alias --color-danger.
Legacy — avoid in new work
Being phased out. Don't introduce these in new designs.