:root {
    /* Body */
    --body-background-color: #ffffff;
    --body-title-color: #000000;
    --body-text-color: #0c1315;
    /* Menu */
    --menu-background-color: #121212;
    --menu-text-color: #ffffff;
    /* Footer */
    --footer-background-color: #0c1315;
    --footer-text-color: #fff;
    /* Button */
    --button-background-color: #f52424;
    --button-hover-background-color: #f45555;
    --button-text-color: #ffffff;
    --button-hover-text-color: #ffffff;
    /* Seconday button */
    --button-secondary-background-color: #3069d5;
    --button-secondary-hover-background-color: #45659f;
    --button-secondary-text-color: #000000;
    --button-secondary-hover-text-color: #dd2d21;
    /* Seconday bordered button */
    --button-secondary-bordered-background-color: #f52424;
    --button-secondary-bordered-hover-background-color: #dd2d21;
    --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: #f52424;
    --link-hover-color: #dd2d21;
    /* Breadcrumbs */
    --breadcrumb-background-color: #f7f7f7;
    --breadcrumb-text-color: #000000;
    /* Form */
    --checkbox-color: #3069d5;
    --radio-button-color: #3069d5;
}