:root {
	/* Hex Colors */
	--primary:                          #7EAF3D;
	--secondary:                        #F7EEDD;
	--tertiary:							#3A4939;
	--body-bg:							#FFFFFF;
	--body-color:						#212529;
	--heading-color:                    #212529;
	--white:							#fff;
	--gray-100:							#F3F4F5;
	--gray-200:							#E5E8EA;
	--gray-300:							#D9DCE0;
	--gray-400:							#C8CED4;
	--gray-500:							#ADB5BD;
	--gray-600:							#6C757D;
	--gray-700:							#495057;
	--gray-800:							#343A40;
	--gray-900:							#212529;
	--black:							#000;

	/* RGB colors */
	--primary-rgb:                      202, 159, 103;
	--secondary-rgb:                    243, 244, 245;
	--tertiary-rgb:						127, 127, 127;
	--body-bg-rgb:						255, 255, 255;
	--body-color-rgb:					127, 127, 127;
	--heading-color-rgb:			    56, 62, 66;
	--white-rgb:						255, 255, 255;
	--gray-100-rgb:						243, 244, 245;
	--gray-200-rgb:						229, 232, 234;
	--gray-300-rgb:						217, 220, 224;
	--gray-400-rgb:						200, 206, 212;
	--gray-500-rgb:						173, 181, 189;
	--gray-600-rgb:						108, 117, 125;
	--gray-700-rgb:						73, 80, 87;
	--gray-800-rgb:						52, 58, 64;
	--gray-900-rgb:						33, 37, 41;
	--black-rgb:						0, 0, 0;

	/* Hover colors */
	--primary-hover:                    color-mix(in srgb, var(--black) 10%, var(--primary));
	--secondary-hover:                  color-mix(in srgb, var(--black) 10%, var(--secondary));
	--tertiary-hover:                   color-mix(in srgb, var(--black) 10%, var(--tertiary));
	--white-hover:                      color-mix(in srgb, var(--black) 5%, var(--white));

	/* Fonts */
	--font-family-heading:			    'DM Sans', sans-serif;
	--font-weight-heading:			    bold;

	/* Logo size */
	--topbar-logo-width:				230px;
	--topbar-logo-width-mobile:		140px;
}

/*
LIGHT - MIX
--primary:                          #7EAF3D;
--secondary:                        #212529;
--tertiary:							#FFA51E;
--body-bg:							#FFFFFF;
--body-color:						#212529;
--heading-color:                    #212529;
*/

/*
LIGHT - ALT HEADER
--primary:                          #FF204E;
--secondary:                        #FFE6E6;
--tertiary:							#00224D;
--body-bg:							#FFFFFF;
--body-color:						#212529;
--heading-color:                    #212529;
*/

/*
DARK
--primary:                          #FDA01A;
--secondary:                        #182333;
--tertiary:							#FF541E;
--body-bg:							#101823;
--body-color:						#fff;
--heading-color:                    #fff;
*/

/*
LIGHT
--primary:                          #7EAF3D;
--secondary:                        #F7EEDD;
--tertiary:							#3A4939;
--body-bg:							#FFFFFF;
--body-color:						#212529;
--heading-color:                    #212529;
*/

/*
LIGHT (dark CTA)
--primary:                          #CA9F67;
--secondary:                        #3A4939;
--tertiary:							#BE2566;
--body-bg:							#FFFFFF;
--body-color:						#212529;
--heading-color:                    #212529;
*/