13. Color, shadow & radius reference
The raw tokens, exposed. If a theme breaks here, the token set is wrong.
Semantic colors (base / hover / subtle)
primary
success
warning
error
info
neutral
Surface tones
bg
surface
elevated
hover
Shadow scale
sm
md
lg
xl
Radius scale
xs
sm
md
lg
xl
full
Legend — swatch/label key pairs
Sits next to charts, canvases, color-coded diagrams. Four classes: .legend (container, wraps), .legend-item (row), .legend-swatch (16px color block), .legend-label (text). Title is intentionally not its own class — reuse <h6> or .sidebar-section-label.
Run status
Complete
Running
Queued
Failed
Cancelled