: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: #1d1d1b;
    --footer-text-color: #fff;
    /* Button */
    --button-background-color: #dd7404;
    --button-hover-background-color: #f37f04;
    --button-text-color: #ffffff;
    --button-hover-text-color: #ffffff;
    /* Seconday button */
    --button-secondary-background-color: #000000;
    --button-secondary-hover-background-color: #f37f04;
    --button-secondary-text-color: #ffffff;
    --button-secondary-hover-text-color: #ffffff;
    /* Seconday bordered button */
    --button-secondary-bordered-background-color: #000000;
    --button-secondary-bordered-hover-background-color: #f37f04;
    --button-secondary-bordered-text-color: #000000;
    --button-secondary-bordered-hover-text-color: #000000;
    /* Blog */
    --blog-card-background-color: #fff;
    --blog-card-text-color: #0c1315;
    /* Link */
    --link-color: #dd7404;
    --link-hover-color: #f37f04;
    /* Breadcrumbs */
    --breadcrumb-background-color: #f7f7f7;
    --breadcrumb-text-color: #000000;
    /* Form */
    --checkbox-color: #dd7404;
    --radio-button-color: #dd7404;
    /* Google font */
    --title-font: "Roboto", sans-serif;
    --main-font: "Roboto", sans-serif;
}