Color Design Tokens

In this exercise, we'll implement the custom colors in our Tailwind CSS project.
We'll start with the "raw" colors, and then add a layer of abstraction for semantic color tokens.
screenshot of Figma's variables panel showing semantic color design tokens
Ready? You know what to do!