Color

Color + shadow tokens (computed from :root).

View demo Docs index

Colors

Computed values are read from :root.

Preview	Token	Name	Hex	Nearest name
	`--sp-bg`		`—`	`—`
	`--sp-surface`		`—`	`—`
	`--sp-elev`		`—`	`—`
	`--sp-elev-2`		`—`	`—`
	`--sp-text`		`—`	`—`
	`--sp-text-muted`		`—`	`—`
	`--sp-subtle`		`—`	`—`
	`--sp-border`		`—`	`—`
	`--sp-border-strong`		`—`	`—`
	`--sp-accent`		`—`	`—`
	`--sp-accent-2`		`—`	`—`
	`--sp-accent-3`		`—`	`—`
	`--sp-success`		`—`	`—`
	`--sp-warning`		`—`	`—`
	`--sp-danger`		`—`	`—`
	`--sp-info`		`—`	`—`

Shadows

Preview	Token	Name	Value
	`--sp-shadow-1`		`—`
	`--sp-shadow-2`		`—`
	`--sp-shadow-3`		`—`

Text shadows

Preview	Token	Name	Value
	`--sp-text-shadow-1`		`—`
	`--sp-text-shadow-2`		`—`
	`--sp-text-shadow-3`		`—`

Link token

Link sample: --sp-link —