:root {
	--black: #000000;
	--white: #FFFFFF;
	--dark: #24292c;
	--darker-gray: #636363;
	--dark-gray: #777777;
	--gray: #9b9b9b;
	--lighter-gray: #eaeaea;
	--very-light-gray: #efefef;
	--dark-violet: #4b416d;
	--light-violet: #ab9de0;
	--dark-blue: #306975;
	--light-blue: #9ac5e8;

	.has-black-color {color: var(--black);}
	.has-black-background-color {background-color: var(--black);}
	.has-white-color {color: var(--white);}
	.has-white-background-color {background-color: var(--white);}
	.has-dark-color {color: var(--dark);}
	.has-dark-background-color {background-color: var(--dark);}
	.has-darker-gray-color {color: var(--darker-gray);}
	.has-darker-gray-background-color {background-color: var(--darker-gray);}
	.has-dark-gray-color {color: var(--dark-gray);}
	.has-dark-gray-background-color {background-color: var(--dark-gray);}
	.has-gray-color {color: var(--gray);}
	.has-gray-background-color {background-color: var(--gray);}
	.has-lighter-gray-color {color: var(--lighter-gray);}
	.has-lighter-gray-background-color {background-color: var(--lighter-gray);}
	.has-very-light-gray-color {color: var(--very-light-gray);}
	.has-very-light-gray-background-color {background-color: var(--very-light-gray);}
	.has-dark-violet-color {color: var(--dark-violet);}
	.has-dark-violet-background-color {background-color: var(--dark-violet);}
	.has-light-violet-color {color: var(--light-violet);}
	.has-light-violet-background-color {background-color: var(--light-violet);}
	.has-dark-blue-color {color: var(--dark-blue);}
	.has-dark-blue-background-color {background-color: var(--dark-blue);}
	.has-light-blue-color {color: var(--light-blue);}
	.has-light-blue-background-color {background-color: var(--light-blue);}

}