:root {
    --brandSecondary: #C2D72F;
    --brandPrimary: #042B21;
    --brandBlack: #000;
    --brandWhite: #fff;
    --brandError: #bf1332;
    --brandChalo: #d41f72;
    --btnOutlinePrimary: rgba(4, 43, 33, 0.40);
    --brandCookiesCTA: #042B21;
    --brandCookiesbtn: #C2D72F;
    --brandCookiesbtnBorder: #C2D72F;
    --brandCookiesbtnHoverborder: #000000;
    --brandCookiesbtnText: #000000;
    --brandCookiesbtnHoverText: #000000;
    --selectedCardBorder: rgba(4, 43, 33, 0.40);

    --primary100: #def2d6;
    --primary200: #C6E3C6;
    --primary300: #a7d6a5;
    --primary400: #8bb94d;
    --primary500: #8DC63F;
    --primary600: #394933;
    --primaryTag:rgba(53, 161, 49, 0.5);
    
    --grey50: #FAFAFA;
    --grey100: #F4F4F4;    
    --grey150: #EFEFEF;  
    --grey200: #DDDDDD;   
    --grey250: #D9D9D9;    
    --grey300: #DCDCDC;    
    --grey350: #C4C4C4;    
    --grey400: #CDCDCD;    
    --grey450: #999999;    
    --grey500: #939393;    
    --grey550: #6e6e6e;  
    --grey600: #4C4C4C;    
    --grey700: #404040;  
    --grey750: #1D1B20;  
    --grey800: #333333;  
    --grey900: #313131;    
    --grey950: #191919;    

    --red100: #EBC8C4;
    --red200: #FF0000;
    --red300: #E30000;
    --red400: #CC0404;
    --red700: #E70000;
    
    --purple100: #6B5A8E;
    --purple200: #44266E;
    --purple250: #cca0ff;
    --purple300: #9C42FF;
    --purple400: #3B0E66;

    --orange50: #E35839;
    --orange150: #D44325;
    --orange250: #C0300D;

    --yellow50: #FED109;
    --yellow150: #FFBB01;

    --lightBlue: #01D6FF;
    --bannerName: "Freshco";
    --onetrust-logo: url("/oneTrustLogo.svg");

    --black900: #1C1B1F;
    --green400: #9ba9a6;

    --green900:#35A131;
    
    --blackgradientright: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.48) 100%);
    --blackgradientleft: linear-gradient(-90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.48) 100%);
    --cardShadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    --GlowOfferShadow: 0px 0px 8px 0px rgba(156, 66, 255, 0.35);
    --bg-overlay:rgba(76, 76, 76, 0.50);
    --modalshadow:0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    --custom: 0px 9px 6px rgba(0, 0, 0, 0.25);
    --lightpurple:rgba(156, 66, 255, 0.10);
    --lightpurple300:rgba(156, 66, 255, 0.10);
    --navshadow:5px 4px 8px 0px rgba(0, 0, 0, 0.25);
    --custom: 0px 9px 6px rgba(0, 0, 0, 0.25);
    --hovercolor: rgba(25, 25, 25, 0.80);
    --custom-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    --lightgray: rgba(122, 122, 122, 0.12);
    --bg-overlay-white:rgba(255, 255, 255, 0.70);
    --bg-page-tag:rgba(122, 122, 122, 0.12);
    --logo: url(/freshcoLogo.svg);
}

/* body.site-sobeys h1.font-extrabold,
body.site-sobeys h2.font-extrabold,
body.site-sobeys h3.font-extrabold,
body.site-sobeys h4.font-extrabold,
body.site-sobeys h5.font-extrabold,
body.site-sobeys h6.font-extrabold,
body.site-sobeys .productListing button,
body.site-sobeys .shoppingListPg .voilaCard p,
body.site-sobeys .shoppingListPg .sceneCard p {
    font-weight: 600;
} */

/* sobeys Site Overrides */
body.site-sobeys .animated-quantity-button,
body.site-sobeys .favorite-button {
    --brandSecondary: #042B21;
    --brandPrimary: #C2D72F;
}

a.viewChaloStore{
  color: var(--brandChalo) !important;
}
button.selectChaloStore.brandBtnPrimary{
  border-color: var(--brandChalo);
  color: var(--brandWhite) !important;
  background: var(--brandChalo);
}
button.selectChaloStore.brandBtnPrimary:not(.selectFreshcoStore) span::before{
  color: var(--brandWhite) !important;
}
button.selectChaloStore.brandBtnPrimary:hover, button.selectChaloStore.brandBtnPrimary:focus,
button.selectChaloStore.brandBtnPrimary:not(.selectFreshcoStore):hover span::before,
button.selectChaloStore.brandBtnPrimary:not(.selectFreshcoStore):focus span::before{
  color: var(--brandChalo) !important;
}
button.selectChaloStore.brandBtnOutline::before{
  background-color: var(--brandChalo);
}
button.selectChaloStore.brandBtnOutline:not(.selectFreshcoStore):hover,
button.selectChaloStore.brandBtnOutline:not(.selectFreshcoStore):focus{
  color: var(--brandWhite)!important;
  border-color: var(--brandChalo);
}

button.brandBtnOutline.favorite_button_compo {
  color: var(--brandPrimary) !important;
}

button.brandBtnOutline.favorite_button_compo:hover,
button.brandBtnOutline.favorite_button_compo:focus {
  color: var(--brandPrimary) !important;
}