Primitives
The foundations — type, colour, surfaces, radius and elevation. These are stock Catalyst tokens for now; as we set SafeWay theme tokens, this page reflects them.
Semantic tokens
The brand-aware layer components consume. Flip Catalyst/SafeWay (bottom-right) and light/dark (account menu) and watch these adapt — neutrals follow the brand ramp automatically. The one discrete accent is blue, reserved for focus rings and active highlights — never a fill.
Typography
Inter under Catalyst, General Sans under SafeWay (with a subtle negative tracking). Quiet hierarchy from size + weight, not loudness.
Text colours
Shown on a fixed light tile so the values read in either theme.
Surfaces & borders
Brand & accent
Black (ink) is the primary. The one discrete accent is blue — focus rings and active highlights only, never a fill or a primary button.
Status & feedback
Semantic colours for success, warning, error and info — solid plus subtle tints. Under SafeWay they're retuned to a warm, clean register: saturated but warm-leaning, so they read as siblings of the accent blue and sit harmoniously against the warm-grey neutrals.
Neutral scale
Radius
Flip to SafeWay: surfaces tighten to ~3px and controls (rounded-control) become full pills.
Elevation
Flip to SafeWay: inline shadows flatten to nothing (hairline borders carry separation); only floating layers keep a soft lift.