# Mini CSS-vars Design System

Most of the projects I work on have about 3 important colors: Main- , Accent- and Background-Color. Naturally tons of other colors are used in a typical Project, but they are mostly used within specific components.

I find it useful to set those 3 colors as vars on the root and change them in specific contexts. It turns out that the complexity of the components I build is dramatically cut down by this. And also gives me a lot of control over the cascade.

## Regular

Some Fancy Label

## Inverted

Some Fancy Label

## Accent

Some Fancy Label

## Colors

Play around with the colors