Farger

Rå pink-skala og varme nøytrale i toppen, semantiske roller nederst. Komponenter refererer kun til rolle-tokens — aldri rå farger.

--pink-50#fff4f8

--pink-100#ffe3ed

--pink-200#ffc6da

--pink-300#ffa3c2

--pink-400#ff85ac

--pink-500#ff6b9c

--pink-600#ed4f86

--pink-700#c8366c

--pink-800#9a2552

--pink-900#6b1638

--pink-950#3f0a20

--warm-0#ffffff

--warm-50#faf8f6

--warm-100#f4f1ed

--warm-150#ede8e3

--warm-200#e2dcd6

--warm-300#cfc7c0

--warm-400#ada49d

--warm-500#837a73

--warm-600#645c56

--warm-700#4a443f

--warm-800#2e2926

--warm-900#1a1714

--warm-950#0f0d0b

--success-50#ecf6f0

--success-600#2d8a5f

--success-950#102b1f

--warning-50#fbf2e3

--warning-600#c97a14

--warning-950#2d1f0a

--danger-50#fbeae6

--danger-600#d04339

--danger-950#2d100b

--info-50#ecedfb

--info-600#4f63d6

--info-950#131630

--bgvar(--warm-50)

--surfacevar(--warm-0)

--surface-sunkenvar(--warm-100)

--surface-elevatedvar(--warm-0)

--surface-inversevar(--warm-900)

--bordervar(--warm-200)

--border-strongvar(--warm-300)

--border-focusvar(--pink-500)

--fgvar(--warm-900)

--fg-mutedvar(--warm-600)

--fg-dimvar(--warm-500)

--fg-disabledvar(--warm-400)

--fg-inversevar(--warm-0)

--fg-on-pinkvar(--warm-0)

--accentvar(--pink-500)

--accent-hovervar(--pink-600)

--accent-activevar(--pink-700)

--accent-softvar(--pink-50)

--accent-fgvar(--pink-700)

--success-fgvar(--success-600)

--success-bgvar(--success-50)

--warning-fgvar(--warning-600)

--warning-bgvar(--warning-50)

--danger-fgvar(--danger-600)

--danger-bgvar(--danger-50)

--info-fgvar(--info-600)

--info-bgvar(--info-50)

--band-action-fgvar(--pink-700)

--band-action-bgvar(--pink-50)

--band-action-edgevar(--pink-200)

--band-info-fgvar(--warm-700)

--band-info-bgvar(--warm-100)

--band-info-edgevar(--warm-200)

--band-ignore-fgvar(--warm-500)

--band-ignore-bgtransparent

--band-ignore-edgevar(--warm-150)