Design tokens are parameters that affect all UI look 'n' feel and they are the main configuration file of a Theme. Component-specific tokens often inherit from global tokens but are named specifically to apply those tokens in component development.
Its presets are defined on
src/styles/global/tokens.scss and it's separated in these main areas:
The store palette with all the tones needed.
A standard scale and basic definitions for your text:
All tokens used for spacings on the store:
sizes. It's also used as base for grid tokens.
Grid & Layout