06Status & surfaces
Semantic roles flip under [data-theme="dark"]. These are what product code should reach for — never a raw brand step for a surface.
--color-on-brand
var(--ns-on-brand)
--color-on-dark
var(--ns-on-dark)
--color-scrim
var(--ns-scrim)
--color-surface
var(--ns-surface)
--color-surface-raised
var(--ns-surface-raised)
--color-surface-sunken
var(--ns-surface-sunken)
--color-border
var(--ns-border)
--color-ink
var(--ns-ink)
--color-muted
var(--ns-muted)
--color-label
var(--ns-label)
--color-grid
var(--ns-grid)
Live
Not started
In progress
Complete
Expiring
Failed