| 100 (optional) | { background?: string, foreground?: string } | Variant of colors |
| 200 (optional) | { background?: string, foreground?: string } | Variant of colors |
| 300 (optional) | { background?: string, foreground?: string } | Variant of colors |
| 400 (optional) | { background?: string, foreground?: string, muted?: string } | Variant of colors |
| primary (optional) | { background?: string, foreground?: string } | Variant of colors for primary branding. Used on buttons and main CTAs |
| secondary (optional) | { background?: string, foreground?: string } | Variant of colors for secondary branding. Used on alternate buttons and CTAs |
| bubble (optional) | { background?: string, foreground?: string } | Variant of colors for the message bubble |
| botBubble (optional) | { background?: string, foreground?: string } | Variant of colors for the AI assistant message bubble |
| border (optional) | string | The color of borders |
