Rebrand baseline

Design system preview

A living reference for the shared tokens and UI primitives that now power the marketing site, CRM, and client portal.

Semantic colors

Tokenized colors mapped from `globals.scss` and surfaced in Tailwind via the `semantic` namespace.

bg-page

var(--color-bg-page)

bg-subtle

var(--color-bg-subtle)

bg-card

var(--color-bg-card)

text-primary

var(--color-text-primary)

text-secondary

var(--color-text-secondary)

border-default

var(--color-border-default)

cta-primary

var(--color-cta-primary-bg)

cta-secondary

var(--color-cta-secondary-bg)

Shared contracts for action hierarchy and content containers.

`btn-primary` and `btn-secondary-outline` are the default CTA primitives across surfaces.

`card-shell` provides the shared border, radius, shadow, and hover behavior.

Reusable card interior

Use this for list items, section wrappers, and feature blocks.