const colorSwatches = `
:root {
    --color-black: #292929;
    --color-dark-grey: #535353;
    --color-light-grey: #B1B1B1;
    --color-white-grey: #F5F5F5;
    --color-pure-white: #FFFFFF;
    --color-blue: #1B75BC;
    --color-orange: #FD6300;
    --color-red: #D2161B;
    --color-dark-pink: #B8085E;
    --color-dark-green: #008A00;
    --color-light-green: #81B332;
}
`
// [colors-black] => var(--color-black)
// [colors-grey, colors-greyblue] => var(--color-dark-grey)
// [colors-lightgrey] => var(--color-light-grey)
// [colors-secondary-background, colors-cloud, colors-almostwhite]  => var(--color-white-grey)
// [colors-white] => var(--color-pure-white)
// [colors-primary, colors-secondary, colors-blue, colors-actionblue, colors-nav-text, colors-darkblue, coors-toast-action-blue, colors-light-blue, colors-active-radio-circle, colors-curious-blue] => var(--color-blue)

// [] => var(--color-orange)
// [colors-brightred] => var(--color-red)
// [] => var(--color-dark-pink)
// [] => var(--color-dark-green)
// [] => var(--color-light-green)

export { colorSwatches }