Theme tokens

Theme tokens let you tune the hub’s visual style without designing a full theme from scratch. Use them for brand color, supporting color, font, and corner radius. Hub tokens apply across the hub. Individual demos can still override them when one demo needs a different look.

Field	Type	Required	Default	Notes
`primary`	`string`	No	—	Hex color (`#rgb`, `#rrggbb`, or `#rrggbbaa`). The leading `#` is required.
`secondary`	`string`	No	—	Hex color, same format as `primary`.
`font`	`string`	No	—	CSS font-family stack. Must be non-empty.
`radius`	`string`	No	—	CSS length for corner radius, such as `12px`. Must be non-empty.

{
  "tokens": {
    "primary": "#5B6CFF",
    "secondary": "#111827",
    "font": "Inter, sans-serif",
    "radius": "12px"
  }
}

Demo-level tokens can override these values for one demo. See Top-level fields.