:root {
    --custom-accent-color-500: #A42421;
    --custom-accent-color-400: #E31E24;
    --custom-accent-color-100: #e5efff;
  
    --custom-black-color: #000000;
    --custom-white-color: #ffffff;
  
    --custom-gray-color-800: #222222;
    --custom-gray-color-700: #333333;
    --custom-gray-color-600: #434343;
    --custom-gray-color-500: #a7a7ab;
    --custom-gray-color-400: #b6b6b6;
    --custom-gray-color-300: #cccccc;
    --custom-gray-color-200: #dadada;
    --custom-gray-color-100: #e5e5ea;
    --custom-gray-color-50: #f5f5f5;
  
    --custom-hit-color: #3ec28f;
    --custom-sale-color: #ff9500;
    --custom-new-color: #30c2ff;
    --custom-discount-color: #c43228;
    --custom-offer-color: #4fa22e;
    --custom-transparent-color: transparent;

    --header-top-icon-color: #E31E24;
    --main-elements-color:#000000;
    --grid-gutter-width: 0px;
    --color-button-secondary-border: #D9D9D9;
    --color-card-border:#D9D9D9;
    --inner-page-bg:#fff;
    --breadcrumb-item-color: #000;

    --product-list-header-link-color: #000000;
    --color-button-primary-background: var(--custom-accent-color-400);
    --color-button-primary-border: var(--custom-accent-color-400);

    --color-text: var(--color-button-primary-text, #fff);
    --color-background: #E31E24;
    --color-border: #E31E24;
    --color-text-hover: var(--color-button-primary-text-hover, var(--color-text));
    --color-background-hover: #A42421;
    --color-border-hover: #A42421;
  }
  
  .button-theme_primary{
    --color-text: var(--color-button-primary-text, #fff);
    --color-background: #E31E24;
    --color-border: #E31E24;
    --color-text-hover: var(--color-button-primary-text-hover, var(--color-text));
    --color-background-hover: #A42421;
    --color-border-hover: #A42421;
    }