Active theme is reflected on <body class="theme-…"> and persisted to localStorage["rev-demo-theme"]. Cycling the swatches above replaces the body class and every component below re-renders against the new tokens — no hard-coded colors.

Color tokens

--color-bgpage background

--color-surfacecard surface

--color-surface-2raised

--color-accentbrand

--color-textprimary text

--color-borderdivider

--color-danger

--color-warn

--color-success

--color-info

Buttons

Pills

Default Accent Active Pending Denied Phase 2

Cards

Scheduling

Resource-graph minute-level scheduling with calm whitespace.

Eligibility

Real-time payer benefit verification, with sane fallback.

Clinical Documentation

Native ambient AI scribe; clinician keeps the pen.

Callouts

Note Default callout uses the accent color and a quiet surface.

Phase 2 Semi-automated workflow with partial integrations.

Heads up Manual eligibility lookup is required during Phase 1.

Critical EPCS hardware token must be plugged in before signing controlled prescriptions.

Done Encounter signed and routed to coding.

Table (with Phase column styling)

Feature	Phase 1	Phase 2	Phase 3
Eligibility	Payer portal lookup	X12 270/271 batch	Real-time CDS Hooks 2.0
Coding	ICD/CPT books, coder review	Rule-based suggestions	Ambient code capture + audit
Reminders	Front-desk phone tree	Templated SMS/email	Adaptive multi-channel

Inputs

Patient name

Notes

Phase

KPI tiles

Today's visits 24 +3 vs. avg

Pending eligibility 4 routine

Denied claims 2 needs follow-up

Open tasks 11 3 high priority

Typography

H1 — REV.health PRD v2

H2 — Module heading

H3 — Section heading

Body copy in --font-sans at 15px / 1.6 line-height. Anchor links use var(--color-accent).

Dim body text uses --color-text-dim for secondary information.

// var(--color-surface-2) background
const persona = getPersona();