:root {
	--white: #fff;
	--sandy-white: #ffe8d9;
	--melon-orange: #f39a7c;
	--heaven-blue: #5d7ac1;
	--king-blue: #2b4093;
	--dark: #2c2d2e;

	--body-background-color: var(--white);
	--body-color: #333;
	--main-link-color: #2c2c2c;
	--main-link-hover-color: #2c2c2c;


	--primary-button-text-color: var(--white);
	--primary-button-background-color: var(--heaven-blue);
	--primary-button-text-hover-color: var(--white);
	--primary-button-background-hover-color: var(--king-blue);

	--burger-color: var(--white);
	--burger-hover-color: var(--heaven-blue);
}

.has-white-color {color: var(--white);}
.has-white-background {background-color: var(--white);}
.has-sandy-white-color {color: var(--sandy-white);}
.has-sandy-white-background {background-color: var(--sandy-white);}
.has-melon-orange-color {color: var(--melon-orange);}
.has-melon-orange-background {background-color: var(--melon-orange);}
.has-heaven-blue-color {color: var(--heaven-blue);}
.has-heaven-blue-background {background-color: var(--heaven-blue);}
.has-king-blue-color {color: var(--king-blue);}
.has-king-blue-background {background-color: var(--king-blue);}
.has-dark-color {color: var(--dark);}
.has-dark-background {background-color: var(--dark);}