/*
    Carousel images : 1920 x 1080
    Store images : 780 x 520
*/
:root {
    --primary-color: #424242;
    --accent-color: #ff4444;
    --accent-text-color: #fff;
    --body-background-color: #f7f7f7;
    /*Customization Navigation Bar*/
    --navbar-background-color: var(--primary-color);
    --navbar-links-color: #fff;
    --navbar-links-hover-color: rgba(255,255,255,.75);
    --navbar-dropdown-hover-background-color: var(--accent-color);
    --navbar-dropdown-hover-text-color: var(--accent-text-color);
    /*Customization Footer*/
    --footer-background-color: var(--primary-color);
    --footer-text-color: #fff;
    --footer-text-hover-color: var(--accent-color);
    /*Customization Button Order Now*/
    --btn-order-now-background-color: var(--accent-color);
    --btn-order-now-text-color: var(--accent-text-color);
    /*Customization Button Show On Map*/
    --btn-show-on-map-background-color: #616161;
    --btn-show-on-map-text-color: #fff;
    /*Customization to Login Modal*/
    --modal-login-header-background-color: var(--accent-color);
    --modal-login-header-text-color: var(--accent-text-color);
    --modal-login-btn-login-background-color: #616161;
    --modal-login-btn-login-text-color: #fff;
    --modal-login-btn-fb-background-color: #4267b2;
    --modal-login-btn-fb-text-color: #fff;
    --modal-login-btn-google-plus-background-color: #dd4b39;
    --modal-login-btn-google-plus-text-color: #fff;
    --modal-login-btn-register-background-color: #616161;
    --modal-login-btn-register-text-color: #fff;
    /*Customization on steppers based on status(active & completed)*/
    --steppers-circle-completed-background-color: #616161;
    --steppers-circle-active-background-color: var(--accent-color);
    --steppers-circle-text-color: var(--accent-text-color);
    /*Customization Button Add New Address*/
    --btn-add-new-address-background-color: var(--accent-color);
    --btn-add-new-address-text-color: var(--accent-text-color);
    /*Customization to price badge*/
    --products-price-badge-background-color: #616161;
    --products-price-badge-text-color: #fff;
    /*Customization on floating button(visible only on mobile)*/
    --floating-btn-shopping-cart-background-color: var(--accent-color);
    --floating-btn-shopping-cart-text-color: var(--accent-text-color);
    /*Customization to cart*/
    --shopping-cart-total-items-badge-background-color: var(--accent-color);
    --shopping-cart-total-items-badge-text-color: var(--accent-text-color);
    --shopping-cart-btn-minus-plus-background-color: #616161;
    --shopping-cart-btn-minus-plus-text-color: #fff;
    --shopping-cart-btn-complete-background-color: var(--accent-color);
    --shopping-cart-btn-complete-text-color: var(--accent-text-color);
    /*Customization to Extras Modal*/
    --modal-extras-header-background-color: var(--accent-color);
    --modal-extras-header-text-color: var(--accent-text-color);
    --modal-extras-btn-close-color: #000;
    --modal-extras-btn-minus-plus-background-color: #616161;
    --modal-extras-btn-minus-plus-text-color: #fff;
    --modal-extras-btn-add-to-cart-background-color: #616161;
    --modal-extras-btn-add-to-cart-text-color: #fff;
    /*Customization Button Complete Order*/
    --checkout-btn-complete-background-color: var(--accent-color);
    --checkout-btn-complete-text-color: var(--accent-text-color);
    /*Customization extras badge on favorite page*/
    --favorite-badge-background-color: var(--accent-color);
    --favorite-badge-text-color: var(--accent-text-color);
    /*Customization price badge on progress page*/
    --order-progress-badge-background-color: var(--accent-color);
    --order-progress-badge-text-color: var(--accent-text-color);
}