: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-height:				75px;
    --topbar-logo-height-mobile:		60px;
}

/* 
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;
*/