:root {
  --primaryColor: #fc6904;
  --primaryWithHoverColor: color-mix(in srgb, var(--primaryColor) 80%, #ffffff);
  --backgroundWithOpacityPrimaryColor15: color-mix(
    in srgb,
    var(--primaryColor) 15%,
    #ffffff
  );

  --backgroundCheckoutButtonColor: #c40202;
  --backgroundCheckoutButtonHoverColor: color-mix(
    in srgb,
    var(--backgroundCheckoutButtonColor) 80%,
    #ffffff
  );

  --backgroundFooterColor: #001529;

  --menuCodeLabelColor: #ff8000;
  --optionNameLabelColor: #0a3847;
  --priceLabelColor: #ff5c39;
  --originPriceLabelColor: #001529;
  --descriptionColor: #666;
  --categoryImageBackgroundColor: #ffa64d;
  --categoryActiveLabelColor: #ff8000;

  --backgroundColor: #fff;
  --textWhiteActivated: #fff;
  --borderColor: #636363;
  --textWhiteDeactivated: #636363;
  --textColorSecondary: #001529;
  --backgroundDarkWithOpacityColor: rgba(0, 0, 0, 0.7);
  --backgroundDarkWithOpacityColor2: rgba(0, 0, 0, 0.3);
  --backgroundDarkWithOpacityColor3: rgba(0, 0, 0, 0.1);
  --backgroundLightWithOpacityColor: rgba(255, 255, 255, 0.2);
  --borderWithOpacityColor: rgba(209, 209, 209, 0.5);
  --backgroundPrimaryWithOpacityColor: rgba(200, 200, 200, 0.1);
  --backgroundLightColor: #f8f5f2;
  --backgroundDarkColor: #001529;
  --textColor: #fff;
  --textDarkColor: #4d4d4d;
  --textGreyColor: #bebebe;
  --textGreyColor2: #0a3847;
  --textGreyColor3: #7c7c7c;
  --textDarkColor2: #0a3847;
  --textDarkColor3: #001529;
  --textActiveColor: #ff8000;
  --textLightGreyColor: #a7a7a7;
  --categoryBackgroundColor: #f8f5f2;
  --shadowColor: rgba(209, 209, 209, 0.158);
  --secondaryTextColor: #2ba6ad;
  --transparent: transparent;
  --backgroundMenuColor: #f1f1f1;
  --backgroundMenuColor2: #e2e1e1;
  --dangerColor: rgb(196, 2, 2);
  --affixCartBackgroundColor: #ff7700;
  --categoriesHeaderHeight: 45px;
  --cardHoverBackgroundColor: #eef7fa;
  --successColor: green;
  --borderOptionItemColor: rgba(0, 21, 41, 0.15);
  --topMenuNavBackgroundColor: #f8f8f8;
  --tableInfoPageBackgroundColor: #e8e8e8;
  --textColorInactiveTopNav: #272727;
}