Theme examples

These examples mirror the three most common adoption paths: apply a preset globally, scope a custom theme to a subtree, or feed the same definition into Tailwind utilities.

Scoped CSS vars example

Local scopes are useful when one marketing surface, embedded admin module, or micro-frontend needs its own accent language without replacing the rest of the application theme.

Tailwind example

When utilities own the layout, feed the theme through toTailwindPreset() and use the same token source for both runtime CSS variables and your Tailwind config.