:root {
	--color-primary-0: #000000;	/* Main Primary color */
	--color-primary-1: #303030;
	--color-primary-2: #235787;
	--color-primary-3: #FFFFFF;
	
	/* Review Variable */
	--review-background-color: var(--color-primary-4);


	/* Button Variable */

	--submit-btn-bg-color: var(--color-primary-2);
	--button-background-color: var(--color-primary-0);
	--button-text-color: var(--color-primary-7);

	/* Header Variable */

	--header-background-color: var(--color-primary-5);
	--header-inner-background-color: var(--color-primary-5);

	/* Sliders Variable */

	--slide-headline-text-color: var(--color-primary-3);
	--slide-button-background-color: var(--color-primary-8);

	/* Text Heading Variable */

	--heading-text-color: var(--color-primary-8);
	--subheading-text-color: var(--color-primary-8);
	
	/* Website Fonts Color Variable */

	--site-text-color: var(--color-primary-0);

	/* Menu Variable */

	--menu-background-color: var(--color-primary-0);
	--menu-hover-background-color: var(--color-primary-0);
	--menu-text-color: var(--color-primary-7);
	--submenu-background-color: var(--color-primary-3);
	--submenu-text-color: var(--color-primary-8);


	/* Callout Variable */

	--callout-main-background-color: var(--color-primary-4);
	--callout-background-color: var(--color-primary-0);
	--callout-hover-background-color: var(--color-primary-7);

	/* Alternate Menu Variable */

	--alternate-menu-background-color: var(--color-primary-0);
	--alternate-menu-text-color: var(--color-primary-3);

	/* Footer Variable */

	--footer-background-color: var(--color-primary-0);
	--footer2-background-color: var(--color-primary-1);
	--footer-heading-text-color: var(--color-primary-3);
	--footer-bours-text-color: var(--color-primary-3);
	--footer-text-color: var(--color-primary-3);

	/* Social Variable */

	--social-icon-background-color: var(--color-primary-0);
	--social-icon-text-color: var(--color-primary-3);

	/* Services Variable */

	--services-background-color: var(--color-primary-0);

}