:root {
	--main-primary-color: #A0522D;
	--main-hover-color: #f7eae4;
	--main-secondary-color: #cdc3b6;

	/* bg color */
	--background-color: #F5F5F5;
	/* color */
	--main-color: var(--main-primary-color);
	--hover-color: var(--main-hover-color);
	
	/* navbar color */
	--main-navbar: var(--main-secondary-color);
	--text-navbar: var(--main-primary-color);
	--hover-navbar: var(--main-hover-color);
	
	--second-navbar: var(--main-primary-color);
	--text-second-navbar: #cccccc;
	--hover-second-navbar: #ffffff;
	
	/* footer color */
	--footer-color: var(--main-secondary-color);
	--text-footer: var(--main-primary-color);
	--hover-footer: var(--main-hover-color);
}