@font-face{
    src: url("https://dojiw2m9tvv09.cloudfront.net/62894/1/BalooTamma2-Regular.ttf"); 
    font-family:'BalooTamma2-Regular';
    }
@font-face{
    src: url("https://dojiw2m9tvv09.cloudfront.net/62894/1/BalooTamma2-SemiBold.ttf"); 
    font-family:'BalooTamma2-SemiBold';
    }
    @font-face{
    src: url("https://dojiw2m9tvv09.cloudfront.net/62894/1/BalooTamma2-Bold.ttf"); 
    font-family:'BalooTamma2-Bold';
    }
    
:root{
    /*fonts*/
    font-size: 14px;
    --font-body-family:'BalooTamma2-Regular';
    --font-title-family:'BalooTamma2-SemiBold';
    --font-bold: 600;
    --font-regular: 400;
    --font-light: 300;
    --body-txt-default-color: #403f3f;
    
    /* primary */
    --primary-color: #993d35;
    --primary-contrast: #fff;
    
    /* primary -hover */
    --primary-hover-color: #067173;
    --primary-hover-contrast: #fff;
    --primary-hover-decoration: rgba(255,255,255,0.25);
    
    /* secondary */
    --secondary-color: #993d35;
    --secondary-contrast: #fff;
    --secondary-hover-decoration: rgba(255,255,255,0.25);
    
    /* secondary hover */
    --secondary-hover-color:#067173;
    --secondary-hover-contrast: #fff;
    
    /* 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);
    
    
    
    /* Border radius */
    --default-border-radius: .25rem;
    --product-collection-border-radius: .5rem;
    
   /* migas de pan*/
    --breadcrumb-bg-color: #ffffff;
   
   /* forms */
    --input-bg-color: #fff;
    --input-border-color: #ced4da;
    --input-txt-color: inherit;
   
    /*Cabecera header*/
    --header-bg-color: white;
    --header-txt-color: var(--primary-color);
    
    /* cabecera menú */
    --header-navbar-bg-color: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgb(39 74 173) 50%, rgba(255,255,255,1) 100%);
    --header-navbar-mobile-bg-color: #067173;
    
    /* lv1 */
    --lv1-txt-color: #fff;
    --lv1-bg-color: transparent;
    --lv1-size: 1rem;
    
    /* lv1 hover */
    --lv1-hover-txt-color: #e3e3e3;
    --lv1-hover-decoration: #ba7c0f;
    --lv1-hover-backgorund: #ffffff;
    
    /* lv2 */
    --lv2-txt-color:  #44474b;
    --lv2-bg-color: transparent;
    --lv2-size: 11pt;
    
    /* lv2 hover */
    --lv2-hover-txt-color: var(--primary-color);
    --lv2-hover-backgorund: #ffffff;
    
    /*lv2 como titulo */
    --lv2-title-size: 11pt;
    --lv2-title-weight: var(--font-regular);
    --lv2-title-txt-color: black;
    
    /* lv3 */
    --lv3-txt-color: var(--primary-color);
    --lv3-bg-color: transparent;
    --lv3-size: .85rem;
    
    /* lv3 hover */
    --lv3-hover-txt-color: var(--primary-color);
    --lv3-hover-bg-color: #fef9f7;
    
    
    /*Home title*/
    --title-weight: var(--font-light);
    --title-transform: uppercase;
    
    /* home titles */
    --home-title-size: 1.6rem;
    --home-title-color:#993d35;
    --home-title-decoration-color: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgb(193 128 0) 50%, rgba(255,255,255,1) 100%);
    
    /* product */
    --prod-title-weight:var(--font-regular);
    --prod-title-size: 2rem;
    
    
    
    
    /* descuentos */
    --discount-bg-color: #f74000;
    --discount-txt-color: white;
    
    
    
    /* footer */
    --footer-bg-color:#fff;
    --footer-txt-color: #000;
    --footer-link-txt-color:#000;
    --footer-link-hover-txt-color:#993d35;
    
    /* 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;
}