Tokens

the contract

Every colour in the library resolves through one of these. Each swatch reads its value from the loaded stylesheet, so the values below are the live ones. Use the toggles to see them remap.

Overriding: redefine tokens in your app's own stylesheet, loaded after the library — normally the --brand* family, --accent and --sidebar-active. The overview has a complete override file. Do not declare new token names in an app; add them to the library, release, and upgrade.