:root {
	--white: #ffffff;
	--black: #000000;
	--dark: #1E1C1E;
	--very-dark-gray: #292929;
	--gray: #707070;
	--bordeaux: #773226;
	--trend-orange: #F26822;
	--orange: #EE644C;
	--peach: #F87A64;
	--gold: #C19C68;
	--light-grayish-orange: #F9F6F2;
	--beige: #F5ECDE;
}

.has-white-color {color: var(--white);}
.has-white-background-color {background-color: var(--white);}
.has-black-color {color: var(--black);}
.has-black-background-color {background-color: var(--black);}
.has-dark-color {color: var(--dark);}
.has-dark-background-color {background-color: var(--dark);}
.has-very-dark-gray-color {color: var(--very-dark-gray);}
.has-very-dark-gray-background-color {background-color: var(--very-dark-gray);}
.has-gray-color {color: var(--gray);}
.has-gray-background-color {background-color: var(--gray);}
.has-bordeaux-color {color: var(--bordeaux);}
.has-bordeaux-background-color {background-color: var(--bordeaux);}
.has-trend-orange-color {color: var(--trend-orange);}
.has-trend-orange-background-color {background-color: var(--trend-orange);}
.has-orange-color {color: var(--orange);}
.has-orange-background-color {background-color: var(--orange);}
.has-peach-color {color: var(--peach);}
.has-peach-background-color {background-color: var(--peach);}
.has-gold-color {color: var(--gold);}
.has-gold-background-color {background-color: var(--gold);}
.has-light-grayish-orange-color {color: var(--light-grayish-orange);}
.has-light-grayish-orange-background-color {background-color: var(--light-grayish-orange);}
.has-beige-color {color: var(--beige);}
.has-beige-background-color {background-color: var(--beige);}