:root {
    /* Body */
    --body-background-color: #f7f4f0;
    --body-title-color: #213c2c;
    --body-text-color: #0e1b14;
    /* Menu */
    --menu-background-color: #FFFFFF;
    --menu-text-color: #0e1b14;
    /* Footer */
    --footer-background-color: #c09522;
    --footer-text-color: #ffffff;
    /* Button */
    --button-background-color: #5b7c6e;
    --button-hover-background-color: #177c54;
    --button-text-color: #ffffff;
    --button-hover-text-color: #ffffff;
    /* Seconday button */
    --button-secondary-background-color: #f2ece2;
    --button-secondary-hover-background-color: #f2e7d5;
    --button-secondary-text-color: #0e1b14;
    --button-secondary-hover-text-color: #0e1b14;
    /* Seconday bordered button */
    --button-secondary-bordered-background-color: #5b7c6e;
    --button-secondary-bordered-hover-background-color: #177c54;
    --button-secondary-bordered-text-color: ;
    --button-secondary-bordered-hover-text-color: #000000;
    /* Blog */
    --blog-card-background-color: #FFFFFF;
    --blog-card-text-color: #0e1b14;
    /* Link */
    --link-color: #5b7c6e;
    --link-hover-color: #177c54;
    /* Breadcrumbs */
    --breadcrumb-background-color: #ffffff;
    --breadcrumb-text-color: #000000;
    /* Form */
    --checkbox-color: #5b7c6e;
    --radio-button-color: #5b7c6e;
}