:root {
--body_text_size: 18px;
--border_radius: 20px;
--button_padding: 16px 24px;
--green: rgb(201,200,185);
--black: rgb(0,0,0);
--grey: rgb(84,84,84);
--off-white: rgb(245,245,244);
--background: rgb(234,234,232);
--light-grey: rgb(166,166,166);
--column_spacing_large: 91px;
--column_spacing_medium: 39px;
--column_spacing_small: 29px;
--container_width: 1309px;
--h1_clamp: clamp(46px, 5.2vw, 60px);;
--h2_clamp: 35px;
--h3_clamp: clamp(25px, 5.2vw, 27px);
--h4_clamp: clamp(12px, 5.2vw, 14px);
--h5_clamp: clamp(22px, 5.2vw, 27px);
--h6_clamp: 21px;
--large_body_text_size: 21px;
--letter_spacing: 0.36px;
--line_height: 170%;
--main_font: Taviraj;
--secondary_font: Lato;
--shadow_main: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
--shadow_secondary: 0px 2px 4px 0px rgba(0, 0, 0, 0.02), 0px 10px 8px 0px rgba(0, 0, 0, 0.03), 0px 10px 16px 0px rgba(0, 0, 0, 0.05), 0px 40px 32px 0px rgba(0, 0, 0, 0.05), 0px 80px 60px 0px rgba(0, 0, 0, 0.03), 0px 120px 100px 0px rgba(0, 0, 0, 0.00);
--shadow_tertiary: 0px 2px 4px 0px rgba(0, 0, 0, 0.02), 0px 10px 8px 0px rgba(0, 0, 0, 0.03), 0px 10px 16px 0px rgba(0, 0, 0, 0.05), 0px 40px 32px 0px rgba(0, 0, 0, 0.05), 0px 80px 60px 0px rgba(0, 0, 0, 0.03), 0px 120px 100px 0px rgba(0, 0, 0, 0.00);
--small_body_text_size: 12px;
--spacing_large: 30px;
--spacing_medium: 25px;
--spacing_small: 24px;
}

.green { color: var(--green); }
.green p { color: var(--green); opacity: 1}
.green .sd-heading { color: var(--green); }
.bg-green { background-color: var(--green); }
.black { color: var(--black); }
.black p { color: var(--black); opacity: 1}
.black .sd-heading { color: var(--black); }
.bg-black { background-color: var(--black); }
.grey { color: var(--grey); }
.grey p { color: var(--grey); opacity: 1}
.grey .sd-heading { color: var(--grey); }
.bg-grey { background-color: var(--grey); }
.off-white { color: var(--off-white); }
.off-white p { color: var(--off-white); opacity: 1}
.off-white .sd-heading { color: var(--off-white); }
.bg-off-white { background-color: var(--off-white); }
.background { color: var(--background); }
.background p { color: var(--background); opacity: 1}
.background .sd-heading { color: var(--background); }
.bg-background { background-color: var(--background); }
.light-grey { color: var(--light-grey); }
.light-grey p { color: var(--light-grey); opacity: 1}
.light-grey .sd-heading { color: var(--light-grey); }
.bg-light-grey { background-color: var(--light-grey); }
.dark-aqua p { color: var(--black); }
