:root{
	
	/* Primary - Using main brand green */
	--primary: #7BBD48; /* Updated to main brand green */
	--primary-hover: #6DA940; /* Darker shade of main brand green for hover */
	--primary-dark: #619F3A; /* Even darker shade of main brand green */
	
	/* Secondary - Canary yellow */
	
	--secondary: #72BE44; /* Updated to Canary yellow */
	--secondary-hover: #E6CF00; /* Slightly darker Canary for hover */
	--secondary-light: #FFF9BF; /* Lighter Canary for secondary light */
	
	/* Text and Background */
	--title: #151F37; /* Keeping this for titles, consider if this fits your brand */
	--bg-light: #F9F9F9; /* Light background, adjusted to a lighter gray */
	--light-dark: #F0F0F0; /* A slightly darker version of bg-light for contrast */
	--theme-text-color: #666666; /* Gray as per the guideline */
	--dark: #151F37; /* Dark color for text or backgrounds */
    --dark-light: #FFFFFF; /* Updated to white for light text or background sections */
	
	/* Primary RGBA - Adjusted to match the main brand green */
	--rgba-primary-1: rgba(123, 189, 72, 0.1);
	--rgba-primary-2: rgba(123, 189, 72, 0.2);
	--rgba-primary-3: rgba(123, 189, 72, 0.3);
	--rgba-primary-4: rgba(123, 189, 72, 0.4);
	--rgba-primary-5: rgba(123, 189, 72, 0.5);
	--rgba-primary-6: rgba(123, 189, 72, 0.6);
	--rgba-primary-7: rgba(123, 189, 72, 0.7);
	--rgba-primary-8: rgba(123, 189, 72, 0.8);
	--rgba-primary-9: rgba(123, 189, 72, 0.9);
	
	/* Gradient - Adjusted to incorporate the brand colors */
	--gradient1: linear-gradient(307deg, #FFE600 1.9%, #7BBD48 67.57%);
	--gradient2: linear-gradient(307deg, #FFF9BF 1.9%, #6DA940 85.96%);
}