Overview
One token set, six surfaces. The marketing site, the business dashboard, the feedback app, the admin, the embeds and the docs you are reading all resolve the same custom properties. They differ in rhythm, and that difference is itself a token.
Three layers, and only one you may touch
Layer 1--color-scout-blue-600, --color-slate-450. Raw values. Declared outside @theme so they generate no Tailwind utilities. No component may reference these.
Layer 2--color-primary, --color-text-muted, --spacing-block. Named by role. The only names you write.
Layer 3Re-points layer 2 under .dark. Fully built, not enabled in any app. Toggle it in the header of this page — nothing else in the system changes.
If you are reaching for a hex code, a z-50, or an arbitrary Tailwind value, the system already has a name for it. Find the name.
theme.css.