The shared values behind every component
Foundations are the colours, spacing, and type styles that all components are built on. Every value here starts as a Figma variable, gets exported as a CSS token, and is referenced by components rather than hard-coded. That means updating a colour or spacing value in one place updates it everywhere it is used.