:root {
	--primary-font: "Montserrat", sans-serif;
	--secondary-font: "Jost", sans-serif;
	--font-15: 15px;
	--font-16: 16px;
	--font-18: 18px;
	--font-20: 20px;
	--font-21: 21px;
	--font-22: 22px;
	--font-24: 24px;
	--font-28: 28px;
	--font-77: 77px;
	--font-40: 40px;
	--font-67: 67px;
	--font-50: 50px;
	--font-250: 250px;

	--white: rgb(255,255,255);
	--black: rgb(0,0,0);
	
	--primary-color: rgb(15,76,117); /* Primary color used across the website */
	
	--secondary-color: rgb(236,103,45); /*  Secondary color used for highlights and accents */
	--secondary-text-color: rgb(255,255,255);

	--secondary-color-light: rgba(249,87,0,0.5); /*  Lighter shade of secondary color (e.g., Single Product Page Banner) */
	
	--accent-color: rgb(245,245,246); /*  Accent color for elements like FAQ, grey boxes, and simple content grids */


	--header-menu-color: rgb(25,78,100); /*  Text color for header menu items */
	--header-tagline-color: rgb(236,103,45); /*  Text color for header tagline */
	--header-tagline-text-color: #ffffff; /*  Text color for header tagline */

	--hero-banner-primary-color: rgb(24,91,124); /*  Primary color for Hero Banner section */
	--hero-banner-secondary-color: rgb(41 131 175); /*  Secondary color for Hero Banner section */
	--hero-banner-text-color: #ffffff; /* Secondary color for Hero Banner Text section */

	--button-color: #000000; /*  Default background color for buttons */
	--button-text: #000000; /*  Default text color for buttons */
	--button-hover-color: #000000; /*  Background color on button hover */
	--button-hover-text-color: #000000; /*  Text color on button hover */

	--secondary-button-color: #000000; /*  Background color for secondary buttons (e.g., Hero Banner) */
	--secondary-button-text: #000000; /*  Text color for secondary buttons */
	--secondary-button-hover-color: #000000; /*  Hover background for secondary buttons */
	--secondary-button-hover-text-color: #000000; /*  Hover text color for secondary buttons */

	--copyright-color: #ec672d; /*  Background color for the copyright section */
	--copyright-text-color: #ffffff; /*  Text color for copyright section */

	--footer-background-color: #194e64; /*  Footer background color */
	--footer-text-color: #ffffff; /*  Footer text color */

	--paragraph: rgb(15,76,117); /*  Default body text color */
	--heading-color: rgb(25,78,100); /*  Default heading color */


	--light-color: #D9D9D9;
	--very-light-bg: #F8F8F8;
	--mid-gray: #EDEDED;
	--form-valiation-color: #ffcaca;
	--header-logo-seperator: #DDDDDD;
}