:root {

    --color-background:         #bdd4a1;
    --color-background-container: #ffffff;

    --color-text-default:       #333;
    --color-text-accent-1:      #73a534;
    --color-text-accent-2:      #4e781a;

    --color-link:               #962b27;
    --color-link-dimmed:        gray;
    --color-link-dimmed-hover:  #962b27;

    --color-headings-text:      var(--color-text-default);
    --color-headings-bg:        #97b671;
    --color-headings-border:    var(--color-text-accent-1);

    --color-menu-outer:         var(--color-text-accent-1);
    --color-menu-outer-hover:   #aadf68;

    --color-menu-navbar:        white;
    --color-menu-navbar-hover:  white;
    --color-menu-navbar-bg:     var(--color-text-accent-1);
    --color-menu-navbar-border: white;

    --color-footer:             var(--color-text-accent-1);
    --color-footer-bg:          var(--color-background);
    --color-footer-border:      var(--color-text-accent-1);
}