A unified spacing scale to keep layouts, padding, and gaps predictable.
1.spacing {
2 display: flex;
3 flex-direction: column;
4 gap: var(--spacing);
5}1.spacing {
2 display: flex;
3 flex-direction: column;
4 gap: calc(var(--spacing) / 2);
5}1.grid {
2 display: grid;
3 gap: calc(var(--spacing) / 5);
4}