.headerTitle {color: white;}
.headerTagline {color: white;}

:root {
--text-color: black ; // var(--text-color);
--text-bg-color: white; // var(--text-bg-color);


--bgcolor: #738357; /* var(--bgcolor);  */
--footer-bg-color: #616b3d; /* var(--footer-bg-color); */
--links-bg-color: #b8c6be; /* var(--links-bg-color); */

/* color suggestions based on the header image */
--color-01: #fefefe; /* var(--color-01); */ 
--color-02: #738357; /* var(--color-02); */
--color-03: #677966; /* var(--color-03); */
--color-04: #616b3d; /* var(--color-04); */
--color-05: #4f5d4a; /* var(--color-05); */
--color-06: #3b5433; /* var(--color-06); */
--color-vibrant: #7fae51; /* var(--color-vibrant); */
--color-vibrant-light: ; /* var(--color-vibrant-light); */
--color-vibrant-dark: #48632e; /* var(--color-vibrant-dark); */
--color-muted: #6a7c4d; /* var(--color-muted); */
--color-muted-light: #b8c6be; /* var(--color-muted-light); */
--color-muted-dark: #3a5636; /* var(--color-muted-dark); */

}
/*custom header*/