Colors
PocketSeed lives on warm paper, anchored by deep ink. Brand teal/blue/green do the talking. Use one accent at a time and let the rest stay quiet.
Ink, paper & line
Every surface in the system is one of these. --ps-paper is the canvas, --ps-ink is the dark counterpart, and the line tones are quiet enough to disappear at a glance.
Teal, blue, purple, green
Pulled directly from the logo gradient. Teal is the default accent. Reserve purple for hero gradients (it appears in --ps-grad-orb); use green sparingly for "go / verified / impact" signals.
Switchable accents
Set --ps-accent at the page or container level. Anything keyed off the accent (eyebrow, bullets, accent pills, focus rings, feature-card numerals) updates everywhere.
Teal (default)
Accent pillBrand blue
Accent pillForest green
Accent pillPurple
Accent pillInk (mono)
Accent pillAlpha layers for dark surfaces
When you put a card on .ps-bg-ink, use these tokens for body text, borders, and subtle fills so the contrast stays right.
Brand gradients
Use sparingly, and only on marketing surfaces (landing pages, hero strips, deck title slides) where a touch of visual flare earns its keep. Never inside product UI, never behind body content, never as a "make this section interesting" reflex. The system reads as quiet by default; gradients are the exception.