
ï»¿:root {
    /*
        Background color and body fallback text color
    */
    --body-background-color: #ffffff;
    --body-text-color: #212529;
    --link-color: #007bff;
    --link-color-hover: #235d9b;
    --headings-color: #212529;
    /*
        Content background color and content text color
    */
    --main-content-background-color: #ffffff;
    --main-content-text-color: #212529;
    /*
        Top content background color, where the logo and search bar is displayed
    */
    --navbar-background-color: #ffffff;
    /*
        Old navigation / admin navigation
    */
    --site-menu-background-color: #fafafa;
    --site-menu-link-color: #888888;
    --site-menu-border-color: #dddddd;
    /*
        Main navigation bar
    */
    --navbar-background-menu-color: #efefef;
    --navbar-link-color: #555555;
    --navbar-link-hover-color: #555555;
    --navbar-link-hover-background-color: #dddddd;
    --navbar-active-link-color: #1c1c1c;
    --navbar-active-link-border-color: #cccccc;
    --navbar-active-link-background-color: #efefef;
    --navbar-active-link-hover-border-color: #cccccc;
    /*
        Product menu dropdown navigation
    */
    --dropdown-background-color: #efefef; /* Background color on the right column, where the sub categories are displayed */
    --dropdown-right-menu-link-color: #666666; /* Link color in the right column */
    --dropdown-link-color: #333333; /* Link color in the left column */
    --dropdown-left-pane-background-color: #eaeaea; /* Background color in the left column  */
    --dropdown-left-pane-link-hover-color: #555555;
    --dropdown-left-pane-link-hover-background-color: #dddddd;
    /*
        Top right navigation
    */
    --top-right-menu-link-color: #555555;
    --top-right-menu-icon-color: #2d9cdb;
    /*
        Page footer
    */
    --footer-background-color: #f5f5f5;
    --footer-text-color: #212529;
    /*
        Cookie notification
    */
    --cookie-background-color: #474747;
    --cookie-text-color: #eeeeee;
    --cookie-link-color: #eeeeee;
    /*
        Badge (shopping list & shopping cart)
    */
    --badge-shopping-list-indicator-color: #ffffff;
    --badge-shopping-list-indicator-background-color: #07abff;
    --badge-shopping-cart-indicator-color: #ffffff;
    --badge-shopping-cart-indicator-background-color: #ffc107;
    /*
        Mobile top bar
    */
    --mobile-top-menu-bar-background-color: #555555;
    --mobile-top-menu-bar-color: #efefef;
    /*
        Bootstrap
    */
    --btn-primary-background: #007bff;
    --btn-primary-border: #007bff;
    --btn-primary-text-color: #ffffff;
    --btn-primary-background-hover: #0069D9;
    --btn-success-background: #28a745;
    --btn-success-border: #28a745;
    --btn-success-text-color: #ffffff;
    --btn-success-background-hover: #218838;
    --btn-secondary-background: #6c757d;
    --btn-secondary-border: #6c757d;
    --btn-secondary-text-color: #ffffff;
    --btn-secondary-background-hover: #5A6268;
    --btn-danger-background: #dc3545;
    --btn-danger-border: #dc3545;
    --btn-danger-text-color: #ffffff;
    --btn-danger-background-hover: #C82333;
    --btn-info-background: #17a2b8;
    --btn-info-border: #17a2b8;
    --btn-info-text-color: #ffffff;
    --btn-info-background-hover: #138496;
    --alert-success-background: #d4edda;
    --alert-success-text-color: #155724;
    --alert-success-border-color: #c3e6cb;
    --alert-danger-background: #f8d7da;
    --alert-danger-text-color: #721c24;
    --alert-danger-border-color: #f5c6cb;
    /*
        Part 
    */
    --part-description-color: #333333;
    --part-number-color: #333333;
    --part-price-color: #666666;
    --part-text-color: #333333;
    /*
        Breadcrumb
    */

    --breadcrumb-color: #000000;
    --breadcrumb-background-color: #E9ECEF;
}
