Variable Colors

Colors

The color palette is a set of fixed hex values:

:root
{
	--color-primary: #ff3300;
	--color-secondary: #6600ff;
	--color-tertiary: #cc0033;
}

Abstracts

Abstract color variables contain a light or dark suffix extension:

:root
{
	--color-primary-light: color(var(--color-primary) l(70%));
	--color-primary-dark: color(var(--color-primary) l(30%));
}
Edit on GitHub