:root {
    --main-background:                #F6F6F6;
    --module-background:              #ffffff;
    --breadcrums-background:          #ffffff;

    --gap-columns:                    24px;
    --width-column-page:              20%;
    --default-products-grid:          5;
    --default-products-gap:           20px;
    --subcategory-products:           6;

    --color-primary:                  #0887D4;
    --color-secondary:                #041D2C;
    --color-background:               #ffffff;
    --color-background2:              #ffffff;
    --color-background3:              #ffffff;

    --color-black:                    #18181F;
    --color-white:                    #ffffff;
    --color-red:                      #ff0000;
    --color-grey:                     #cccccc;
    --color-grey-dark:                #999999;
    --color-grey-white:               #f4f4f4;

    --radius:                         8px;

    --color-href:                     #000000;
    --color-href-hover:               #999999;

    --color-general-border:           #dddddd;

    --color-dropdown:                 #fafafa;

    --color-footer-border:            #ACAFB0;

    --color-specialprice:             #eb503a;             

    --btn-menu-color:                 #000000;
    --btn-menu-hover-color:           #ff0000;
    --border-menu-color:              #dddddd;
    
    --btn-default-color:              #18181F;
    --btn-default-border:             #dddddd;
    --btn-default-background:         #ffffff;
    --btn-default-hover-color:        #18181F;
    --btn-default-hover-border:       #eeeeee;
    --btn-default-hover-background:   #eeeeee;

    --btn-success-color:              #ffffff;
    --btn-success-border:             #16A316;
    --btn-success-background:         #16A316;
    --btn-success-hover-color:        #ffffff;
    --btn-success-hover-border:       #2a552a;
    --btn-success-hover-background:   #2a552a;

    --btn-secondary-color:            #ffffff;
    --btn-secondary-border:           #333333;
    --btn-secondary-background:       #333333;
    --btn-secondary-hover-color:      #ffffff;
    --btn-secondary-hover-border:     #666666;
    --btn-secondary-hover-background: #666666;

    --btn-warning-color:              #ffffff;
    --btn-warning-border:             #dca707;
    --btn-warning-background:         #dca707;
    --btn-warning-hover-color:        #ffffff;
    --btn-warning-hover-border:       #7d610d;
    --btn-warning-hover-background:   #7d610d;

    --btn-primary-color:              #ffffff;
    --btn-primary-border:             #0887D4;
    --btn-primary-background:         #0887D4;
    --btn-primary-hover-color:        #ffffff;
    --btn-primary-hover-border:       #045e96;
    --btn-primary-hover-background:   #045e96;

    --btn-danger-color:               #ffffff;
    --btn-danger-border:              #b11212;
    --btn-danger-background:          #b11212;
    --btn-danger-hover-color:         #ffffff;
    --btn-danger-hover-border:        #cc3939;
    --btn-danger-hover-background:    #cc3939;

    --btn-info-color:                 #ffffff;
    --btn-info-border:                #19779f;
    --btn-info-background:            #19779f;
    --btn-info-hover-color:           #ffffff;
    --btn-info-hover-border:          #205971;
    --btn-info-hover-background:      #205971;

    --btn-outlined-color:             #000000;
    --btn-outlined-border:            #9c9292;
    --btn-outlined-background:        transparent;
    --btn-outlined-hover-color:       #ffffff;
    --btn-outlined-hover-border:      #ff0000;
    --btn-outlined-hover-background:  #ff0000;

    --menu-desktop-bg-color:          #ddd;

    --footer-title-color:             #000000;
    --footer-text-color:              #000000;
    --footer-link-color:              #000000;
    --footer-link-hover-color:        #999999;
}

@media(max-width: 991px) {
    .rowpage {
        flex-wrap: wrap;
    }
    :root {
        --width-column-page: 100%;
    }
}