:root {
  --baseWhite: #ffffff;

  /* COLORS */
  --brandAtom900: #f6d110;
  --brandAtom700: #d2042d;
  --headerBackground: #ffffff;
  --brandAtom100: #f9f2cf;
  --brandAtom50: #f9f2cf;

  --navBarIconFill: #f2e6b1;
  --headerApp: #f6d110;
  --brandTwo700: #f2e6b1;

  --seed900: #1b1a1a;
  --seed800: #393636;
  --seed500: #696364;
  --seed400: #837e7f;
  --seed300: #a6a2a3;
  --seed200: #b8b5b5;
  --seed100: #cecccd;
  --seed50: #f7f6f6;
  --seed00: #ffffff;

  --system500Suc: #5ab478;
  --system50Suc: #eff8f2;
  --system500War: #004aad;
  --system50War: #e6f3f5;
  --system500Err: #ea2b2b;
  --system50Err: #fdf4f3;
  --system050OverlayMode: rgba(0, 0, 0, 0.5);
  --system070DisabledMode: rgba(255, 255, 255, 0.7);
  --system020HoverMode: #cccccc33;

  --checkbox: #d2042d;

  --star: #f6d110;
  --like: #b81129;
  --footer: #1b1a1a;
  --buttonPrimary: #f6d110;
  --buttonPrimaryHover: #ffdb21;
  --buttonSecondary: #f6d110;
  --buttonSecondaryHover: #f9f2cf;
  --buttonCircle: #f6d110;
  --buttonCircleIcon: #1b1a1a;

  --badgeExpress: #004aad;
  --badgeDiscount: #d2042d;
  --badgeMulti: #004aad;
  --badgeBundle: #004aad;
  --badgeCounter: #d2042d;

  --input200InputHov: #c9c6c7;
  --input50InputDefault: #f7f6f6;

  --text00Inv: #ffffff;
  --text900Prim: #1b1a1a;
  --text400Sec: #837e7f;
  --text300Tre: #a6a2a3;
  --text700Acc: #d2042d;
  --textHeader: #1b1a1a;
  --textTitle: #1b1a1a;
  --textButtonPrim: #1b1a1a;
  --textCategory: #ffffff;
  --textProductCard: #1b1a1a;

  /* FONTS */
  --headingH1: 900 24px / 32px "DM Sans";
  --headingH2: 900 18px / 24px "DM Sans";
  --headingH3: 900 16px / 20px "DM Sans";
  --headingH4: 900 14px / 18px "DM Sans";

  --subtitle1: 700 24px / 24px "DM Sans";
  --subtitle2: 700 18px / 24px "DM Sans";
  --subtitle3: 500 18px / 24px "DM Sans";

  --body1: 700 15px / 24px "DM Sans";
  --body2: 400 15px / 24px "DM Sans";
  --body3: 900 14px / 16px "DM Sans";
  --body4: 500 14px / 16px "DM Sans";

  --caption1: 700 12px / 16px "DM Sans";
  --caption2: 400 12px / 16px "DM Sans";
  --caption3: 700 8px / 12px "DM Sans";

  --button1: 700 14px / 16px "DM Sans";
  --button2: 600 9px / 16px "DM Sans";

  --price1: 700 16px / 18px "DM Sans";
  --price2: 400 12px / 14px "DM Sans";
  --price3: 700 24px / 24px "DM Sans";
  --price4: 400 14px / 16px "DM Sans";
  --price5: 700 32px / 40px "DM Sans";
  --price6: 400 18px / 24px "DM Sans";

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

  --tileMask: linear-gradient(#11111136);
  --tileMaskHalf: linear-gradient(#1111116e);
}