:root {
    /* Body */
    --body-background-color: #ffffff;
    --body-title-color: #000000;
    --body-text-color: #0c1315;
    /* Menu */
    --menu-background-color: #FFFFFF;
    --menu-text-color: #0c1315;
    /* Footer */
    --footer-background-color: #120e0d;
    --footer-text-color: #ffffff;
    /* Button */
    --button-background-color: #f1cf18;
    --button-hover-background-color: #d8b415;
    --button-text-color: #1d1d1b;
    --button-hover-text-color: #1d1d1b;
    /* Seconday button */
    --button-secondary-background-color: #dedede;
    --button-secondary-hover-background-color: #cccccc;
    --button-secondary-text-color: #1d1d1b;
    --button-secondary-hover-text-color: #000000;
    /* Seconday bordered button */
    --button-secondary-bordered-background-color: #ffffff;
    --button-secondary-bordered-hover-background-color: #45659f;
    --button-secondary-bordered-text-color: ;
    --button-secondary-bordered-hover-text-color: #000000;
    /* Blog */
    --blog-card-background-color: #fff;
    --blog-card-text-color: #0c1315;
    /* Link */
    --link-color: #f1cf18;
    --link-hover-color: #e0c216;
    /* Breadcrumbs */
    --breadcrumb-background-color: #f7f7f7;
    --breadcrumb-text-color: #000000;
    /* Form */
    --checkbox-color: #f1cf18;
    --radio-button-color: #f1cf18;
}