:root {
  --brandSecondary: #8a1538;
  --brandPrimary: #e41720;
  --brandBlack: #000;
  --brandWhite: #fff;
  --brandError: #bf1332;
  --brandFooter: #000000; 
  --brandheadlineBorder: #e41720;

  --primary100: #def2d6;
  --primary200: #c6e3c6;
  --primary300: #a7d6a5;
  --primary400: #8bb94d;
  --primary500: #8dc63f;
  --primary600: #394933;
  --primaryTag: rgba(53, 161, 49, 0.5);

  --grey50: #fafafa;
  --grey60: #f2f2f2;
  --grey100: #f4f4f4;
  --grey150: #efefef;
  --grey160: #eaeaea;
  --grey200: #dddddd;
  --grey250: #d9d9d9;
  --grey300: #dcdcdc;
  --grey350: #c4c4c4;
  --grey400: #cdcdcd;
  --grey450: #999999;
  --grey500: #939393;
  --grey600: #4c4c4c;
  --grey700: #404040;
  --grey750: #1d1b20;
  --grey800: #333333;
  --grey900: #313131;
  --grey950: #191919;

  --red100: #ebc8c4;
  --red200: #ff0000;
  --red300: #e30000;

  --purple100: #6b5a8e;
  --purple200: #44266e;
  --purple300: #9c42ff;

  --orange50: #e35839;
  --orange150: #d44325;
  --orange250: #c0300d;

  --yellow50: #fed109;
  --yellow150: #ffbb01;

  --lightBlue: #01d6ff;

  --loaderSvg: url(/safeway_loader.svg);

  /* 

  --green100:#8bb94d;
  --green200:#8DC63F;
  --green300:#def2d6;
  --greenLight: #a7d6a5; 
  --gray: #F4F4F4;
  --lightGrey: #D9D9D9;
  --greyLight: #cdcdcd;
  --outlineSoft: #EFEFEF;
  --darkGrey: #939393;
  --neutral100: #dcdcdc;
  --neutral200: #C4C4C4;
  --neutral700: #1D1B20;
  --neutral300: #D9D9D9;
  --neutral400: #999999;
  --neutral800: #313131;
  --neutral900: #191919;
  --neutral500: #4C4C4C;
  --darkGrey1: #333333;
  --darkGrey2: #333333;
  --black100:#404040;
  --lighterGrey: #FAFAFA;
  --grey200:#ddd;
  --gray100:#D9D9D9;

  --lightRed: #EBC8C4;
  --red:#FF0000;
  --lightGreen:#C6E3C6;
  --purple:#9C42FF;
  --orange:#E35839;
  --red100:#E30000;
  --red200:#7A1D1E;
  --gray100:#D9D9D9;
  --black100:#404040;
  --black200: #626262;
  --lighterGrey: #FAFAFA;
  --lightBlue: #01D6FF;
  --oliveGreen: #394933;
  --purpleDark:#44266E;
  --orange100:#C0300D;
  --orange200: #D44325;


  --purple100:#6B5A8E;
  --blue100:#00D6FF;
  --brown100:#F3E7D7;
  --darkgreen:#004740;

 
  --grey200:#ddd;
  --yellow:#FFBB01;
  --yellow100:#FED109;*/

  --blackgradientright: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.48) 100%
  );
  --blackgradientleft: linear-gradient(
    -90deg,
    rgba(0, 0, 0, 0) 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.5);
  --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.1);
  --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.8);
  --custom-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
  --lightgray: rgba(122, 122, 122, 0.12);

  --poppins: "Poppins";
}