:root {
    /* Body */
    --body-background-color: #f6f6f6;
    --body-title-color: #262624;
    --body-text-color: #262624;
    /* Menu */
    --menu-background-color: #d01040;
    --menu-text-color: #ffffff;
    /* Footer */
    --footer-background-color: #ffffff;
    --footer-text-color: #262624;
    /* Button */
    --button-background-color: #d01040;
    --button-hover-background-color: #b10e36;
    --button-text-color: #ffffff;
    --button-hover-text-color: #ffffff;
    /* Seconday button */
    --button-secondary-background-color: #d01040;
    --button-secondary-hover-background-color: #b10e36;
    --button-secondary-text-color: #262624;
    --button-secondary-hover-text-color: #262624;
    /* Seconday bordered button */
    --button-secondary-bordered-background-color: #d01040;
    --button-secondary-bordered-hover-background-color: #b10e36;
    --button-secondary-bordered-text-color: #d01040;
    --button-secondary-bordered-hover-text-color: #ffffff;
    /* Blog */
    --blog-card-background-color: #fff;
    --blog-card-text-color: #262624;
    /* Link */
    --link-color: #f0801d;
    --link-hover-color: #cc6d19;
    /* Breadcrumbs */
    --breadcrumb-background-color: #ffffff;
    --breadcrumb-text-color: #262624;
    /* Form */
    --checkbox-color: #f0801d;
    --radio-button-color: #cc6d19;
    /* Google font */
    --title-font: "Roboto", sans-serif;
    --main-font: "Roboto", sans-serif;
}