:root{
    /*fonts*/
    font-size: 14px;
    
    --font-body-family: 'Roboto', sans-serif;
    --font-title-family: 'Roboto', sans-serif;
    --font-heavy: 700;
    --font-bold: 600;
    --font-regular: 400;
    --font-light: 200;
    
    --body-txt-default-color: #010E12;
    
    /* primary */
    --primary-color: #d4af6b;
    --primary-contrast: #000;
    --primary-border: #d4af6b;
    
    /* primary -hover */
    --primary-hover-color:#cbab8c;
    --primary-hover-contrast: #fff;
    --primary-hover-border: #cbab8c;
    
    /* secondary */
    --secondary-color:#b57450;
    --secondary-contrast:  #fff;
    --secondary-border:#b57450;
    
    /* secondary hover */
    --secondary-hover-color:#cbab8c;
    --secondary-hover-contrast: #fff;
    --secondary-hover-border:#cbab8c;
    
    /* danger */
    --danger-color:#aa3e29;
    --danger-contrast: #fff;
    
    /* danger hover */
    --danger-hover-color:#8c3322;
    --danger-hover-contrast: #fff;
    
    /* success */
    --success-color: #96eb83;
    --success-contrast: rgba(0,0,0,0.8);
    
    /* success hover */
    --success-hover-color:#77bf67;
    --success-hover-contrast: rgba(0,0,0,0.8);
    
    --element-bg-color: #fff;
    --element-bg-color-active:#D7F9EB;
    
     /* Border radius */
    --default-border-radius: .25rem;
    
    /* botones */
    --btn-border:none;
    --btn-border-radius: var(--default-border-radius);
    --btn-padding: 0.5rem 2rem;
    
   
    
   /* migas de pan*/
   --breadcrumb-bg-color: var(--element-bg-color);
   
   /* forms */
   --input-bg-color: #fff;
   --input-border-color: #ced4da;
   --input-txt-color: inherit;
   
    /*Cabecera header-top*/
    --header-top-bg-color: #d4af6b;
    --header-top-txt-color: var(--body-txt-default-color);
    
    /* Cabecera header-bottom */
    --header-bottom-bg-color: white;
    --header-bottom-txt-color: var(--primary-color);
    
    
    /* menú */
    --header-navbar-mobile-bg-color: white;
    
    /* lv1 */
    --lv1-txt-color: var(--body-txt-default-color);
    --lv1-bg-color: transparent;
    --lv1-size: 1rem;
    
    /* lv1 hover */
    --lv1-hover-txt-color: var(--header-top-bg-color);
    --lv1-hover-decoration: var(--primary-color);
    
    /* lv2 */
    --lv2-txt-color: var(--lv1-txt-color);
    --lv2-bg-color: transparent;
    --lv2-size: 1rem;
    
    /* lv2 hover */
    --lv2-hover-txt-color: var(--header-top-bg-color);
    --lv2-hover-bg-color: transparent;
    
    /* lv3 */
    --lv3-txt-color: var(--lv1-txt-color);
    --lv3-bg-color: transparent;
    --lv3-size: 1rem;
    
    /* lv3 hover */
    --lv3-hover-txt-color: var(--header-top-bg-color);
    --lv3-hover-bg-color: transparent;
    
    --dropdown-menu-border-radius: .25rem;
    
    
    /*Home title*/
    --title-weight: var(--font-regular);
    --title-transform: normal;
    
    /* home titles */
    --home-title-size: 2rem;
    --home-title-color: #545454;

    
    /* product */
    --prod-title-weight:var(--font-regular);
    --prod-title-size: 2rem;
    
    /* collection */ 
    --collection-product-bg-color: white;
    --collection-product-border-radius: 0;
    
    
    /* descuentos */
    --discount-bg-color: #E20613;
    --discount-txt-color: white;
    
    /* blog */
    
    --blog-article-border-radius: .5rem;
    
    
    /* footer */
    --footer-bg-color: 243, 241, 241; /* tiene que se definifo como rgb sin poner rba() SOLO NUMEROS */
    --footer-txt-color: black;
    --footer-link-txt-color:black;
    --footer-link-hover-txt-color:var(--primary-color)9;
    
    /* facebook */
    --chat-facebook-bg-color: #1877f2;
    --chat-facebook-txt-color: white;
    
    /* facebook hover */
    --chat-facebook-hover-bg-color: rgb(23,113,230);
    --chat-facebook-hover-txt-color: white;
    
    /* whatsapp */
    --chat-whatsapp-bg-color:#25D366;
    --chat-whatsapp-txt-color: white;
    
    /* whatsapp hover */
    --chat-whatsapp-hover-bg-color:#25D366;
    --chat-whatsapp-hover-txt-color:white;
    
    /* banners */
    --banner-hover-bg-color:rgba(0,0,0,0.6);
    --banner-hover-txt-color: #fff;
    
    --transition: all .25s ease;
    
}
.bs-collection{
    --cols-md:2;
    --cols-lg:3;
    --cols-xl:4;
}
.bs-collection-slider{
    --cols:3;
    --cols-lg:4;
}
.bs-collection-slider, .bs-banners,.bs-home__blog{
    --slider-padding:.5rem
}
.bs-collection-slider__description{
    --span-col:3;
    --span-col-lg:1;
}
.bs-collection-slider .slick-horizontal{
    --span-col:3;
}
.slick-slider{
    --slider-btn-color: black;
    --slider-btn-color-active: black;
    --slider-dots-width:1rem;
    --slider-dots-height:1rem;
    --slider-dots-bg: var(--secondary-color);
    --slider-dots-bg-active: var(--secondary-contrast);
    --slider-dots-op:1;
    --slider-dots-border-size: 4px;
    --slider-dots-border-color-active: var(--primary-color);
}