# Tokens

> The 12 values a theme may set under tokens, and the CSS custom property each becomes.

Source: https://storeware.ai/docs/themes/reference/tokens

A token the table does not name is refused, and so is a value that is not the kind beside it. `themeCss(tokens)` writes the ones that pass as custom properties on `:root`.

| Token | CSS property | Accepts |
| --- | --- | --- |
| `bg` | `--sw-bg` | A colour |
| `surface` | `--sw-surface` | A colour |
| `fg` | `--sw-fg` | A colour |
| `muted` | `--sw-muted` | A colour |
| `line` | `--sw-line` | A colour |
| `accent` | `--sw-accent` | A colour |
| `accentFg` | `--sw-accent-fg` | A colour |
| `accent2` | `--sw-accent2` | A colour |
| `accent2Fg` | `--sw-accent2-fg` | A colour |
| `radius` | `--sw-radius` | A length |
| `fontSans` | `--sw-font-sans` | A font stack |
| `fontMono` | `--sw-font-mono` | A font stack |