Building on this value, these variables are available, where `--text-sm` is slightly less than `1em` and `--text-md` is slightly more.
```css
--text-xs
--text-sm
--text-md
--text-lg
--text-xl
--text-xxl
--text-xxxl
```
## Spacing
Spacing is best show with the actual classes. The basic principle is, whenever the number in the name (eg. `--spacing-3`) doubles, the corresponding spacing should also double (`--spacing-6`).
Colors are divided in a set of different grays, ranging from more cold colors to a neutral set (which is the default) to warmer colors, and a palette of colors.
Every color has 10 values, `--<color>-50` and from `--<color>-100` and with `--<color>-900`.