:root {
    /*
        Background color and body fallback text color
    */
    --body-background-color: #ffffff;
    --body-text-color: #1d1d1f;
    --link-color: #0063e5;
    --link-color-hover: #0058cc;
    --headings-color: #1d1d1f;
    /*
        Content background color and content text color
    */
    --main-content-background-color: #ffffff;
    --main-content-text-color: #1d1d1f;
    /*
        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: #fff;
    --navbar-link-color: #1d1d1f;
    --navbar-link-hover-color: #1d1d1fba;
    --navbar-link-hover-background-color: #fff;
    --navbar-active-link-color: #1d1d1f;
    --navbar-active-link-border-color: #fff0;
    --navbar-active-link-background-color: #fff0;
    --navbar-active-link-hover-border-color: #fff0;
    /*
        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: #0063E5;
    /*
        Page footer
    */
    --footer-background-color: #232629;
    --footer-text-color: #fff;
    /*
        Cookie notification
    */
    --cookie-background-color: #f5f5f9;
    --cookie-text-color: #1d1d1f;
    --cookie-link-color: #0063e5;
    /*
        Badge (shopping list & shopping cart)
    */
    --badge-shopping-list-indicator-color: #ffffff;
    --badge-shopping-list-indicator-background-color: #ffc107;
    --badge-shopping-cart-indicator-color: #ffffff;
    --badge-shopping-cart-indicator-background-color: #ffc107;
    /*
        Mobile top bar
    */
    --mobile-top-menu-bar-background-color: #232629;
    --mobile-top-menu-bar-color: #fff;
    /*
        Bootstrap
    */
    --btn-primary-background: #0063e5;
    --btn-primary-border: #0063e5;
    --btn-primary-text-color: #ffffff;
    --btn-primary-background-hover: #0058cc;
    --btn-success-background: #28a745;
    --btn-success-border: #28a745;
    --btn-success-text-color: #ffffff;
    --btn-success-background-hover: #218838;
    --btn-secondary-background: #0063e5;
    --btn-secondary-border: #0063e5;
    --btn-secondary-text-color: #ffffff;
    --btn-secondary-background-hover: #0058cc;
    --btn-danger-background: #dc3545;
    --btn-danger-border: #dc3545;
    --btn-danger-text-color: #ffffff;
    --btn-danger-background-hover: #C82333;
    --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;
}