Design Tokens
Reusable values for base styles for color, spacing, breakpoints and font-size
Design Tokens, also known as variables, are the basic values used by the design system to represent color, spacing, breakpoints, font sizes and other visual styles. These design tokens can even be referenced if one cannot use the design system css framework.