Foundations
The medium-agnostic vocabulary every component is built from. A graph axis, a card's fold, and a slide divider are all the same Rule. A new medium sizes a Surface and fills it with these — it never adds a primitive.
backgroundvar(--background)
foregroundvar(--foreground)
mutedvar(--muted)
muted-foregroundvar(--muted-foreground)
primaryvar(--primary)
bordervar(--border)
chart-1var(--chart-1)
chart-2var(--chart-2)
chart-3var(--chart-3)
chart-4var(--chart-4)
chart-5var(--chart-5)
organic
partner
direct
search
events
2
4
8
16
32
64
Axis, divider, fold, column guide — one primitive.
Foreground — activeMuted — default caption