Phase A · preview only · production untouched

Design System 1.0 — Preview

Each page below renders identical markup twice. The left panel uses today's tokens; the right panel is wrapped in a scoped preview theme carrying the Design System 1.0 values. Nothing on the live site references that theme, so production is unchanged.

• HomepageHero, entry cards, and the three competing primary buttons.
• Gold Standard guide (Saffron)Room header, evidence chips, recipe panel, and room navigation.
• Food LibraryGoal chips and food cards across the 314-item inventory.
• Mizaj (Learn)Four-quality panels and the educational-context notice.
• Attari interface (UI chrome only)Jar labels, step controls and the Ask Hakim action — room excluded.
• Trust CenterCertification card, safety notice, corrections note.

Measured contrast results, the essential-vs-duplicate colour classification, and the fresh-viewer protocol live in docs/design-system/phase-a-preview.md.