:root {
  --baseWhite: #ffffff;

  /* COLORS */
  --brandAtom900: #e2231a;
  --brandAtom700: #f38a00;
  --headerBackground: #e2231a;
  --brandAtom100: #fad099;
  --brandAtom50: #fad099;

  --navBarIconFill: #f5a133;
  --headerApp: #e2231a;
  --brandTwo700: #f38a00;

  --seed900: #101820;
  --seed800: #40464d;
  --seed500: #878b8f;
  --seed400: #9fa3a6;
  --seed300: #b7babc;
  --seed200: #cfd1d2;
  --seed100: #e7e8e9;
  --seed50: #f3f3f4;
  --seed00: #ffffff;

  --system500Suc: #2fa356;
  --system50Suc: #c7e7d2;
  --system500War: #00609c;
  --system50War: #b3cfe1;
  --system500Err: #ec0044;
  --system50Err: #f799b4;
  --system050OverlayMode: rgba(0, 0, 0, 0.5);
  --system070DisabledMode: #ffffff;
  --system020HoverMode: #ffffff33;
  --checkbox: #e2231a;

  --star: #f5a133;
  --like: #e2231a;
  --footer: #101820;
  --buttonPrimary: #e2231a;
  --buttonPrimaryHover: #e84f48;
  --buttonSecondary: #f5a133;
  --buttonSecondaryHover: #fad099;
  --buttonCircle: #e2231a;
  --buttonCircleIcon: #ffffff;

  --badgeExpress: #f38a00;
  --badgeDiscount: #e2231a;
  --badgeMulti: #fad099;
  --badgeBundle: #e84f48;
  --badgeCounter: #f5a133;

  --input200InputHov: #cfd1d2;
  --input50InputDefault: #f3f3f4;

  --text00Inv: #ffffff;
  --text900Prim: #101820;
  --text400Sec: #9fa3a6;
  --text300Tre: #b7babc;
  --text700Acc: #e2231a;
  --textHeader: #ffffff;
  --textTitle: #e2231a;
  --textButtonPrim: #ffffff;
  --textCategory: #101820;
  --textProductCard: #101820;

  --fontFamily1: 'ACTEasy';
  --fontFamily2: 'ACTEasy';

  /* FONTS */
  --headingH1: 800 28px / 32px 'ACTEasy';
  --headingH2: 700 24px / 24px 'ACTEasy';
  --headingH3: 700 18px / 24px 'ACTEasy';
  --headingH4: 700 15px / 24px 'ACTEasy';

  --subtitle1: 700 24px / 24px 'ACTEasy';
  --subtitle2: 500 18px / 24px 'ACTEasy';
  --subtitle3: 400 18px / 24px 'ACTEasy';

  --body1: 700 15px / 24px 'ACTEasy';
  --body2: 400 15px / 24px 'ACTEasy';
  --body3: 700 14px / 16px 'ACTEasy';
  --body4: 400 14px / 16px 'ACTEasy';

  --caption1: 700 12px / 16px 'ACTEasy';
  --caption2: 400 12px / 16px 'ACTEasy';
  --caption3: 700 8px / 12px 'ACTEasy';

  --button1: 500 14px / 16px 'ACTEasy';
  --button2: 700 9px / 16px 'ACTEasy';

  --price1: 700 16px / 18px 'ACTEasy';
  --price2: 400 12px / 14px 'ACTEasy';
  --price3: 700 20px / 24px 'ACTEasy';
  --price4: 400 14px / 16px 'ACTEasy';
  --price5: 700 24px / 24px 'ACTEasy';
  --price6: 500 16px / 26px 'ACTEasy';

  /* NUTRITION */
  --nutritionLow: #0eb44d;
  --nutritionLowBg: #e7f7ed;
  --nutritionMedium: #f97313;
  --nutritionMediumBg: #fef1e7;
  --nutritionHigh: #e5243f;
  --nutritionHighBg: #fce9ec;

  --tileMask: linear-gradient(transparent);
  --tileMaskHalf: linear-gradient(transparent);
}