:root {
    --custom-accent-color-500: #508dc6;
    --custom-accent-color-400: #508dc6;
  
    --custom-black-color: #000;
    --custom-white-color: #fff;
  --category-preview-height: 250px;

  --color-main-dropdown-menu-bg: #ffffff;

  --color-main-dropdown-menu-text: #85868e;

  --color-button-primary-text: #ffffff;
  --color-button-primary-background: #508DC6;
  --color-button-primary-border: #508DC6;
  --color-button-primary-text-hover: #508DC6;
  --color-button-primary-background-hover: #FFFFFF;
  --color-button-primary-border-hover: #508DC6;

  --color-button-secondary-text: #365f85;
  --color-button-secondary-background: #ffffff;
  --color-button-secondary-border: #b7cbe5;
  --color-button-secondary-text-hover: #333333;
  --color-button-secondary-background-hover: #e7eef6;
  --color-button-secondary-border-hover: #365f85;

  --color-button-muted-text: #ffffff;
  --color-button-muted-background: #767676;
  --color-button-muted-border: #767676;
  --color-button-muted-text-hover: #ffffff;
  --color-button-muted-background-hover: #818181;
  --color-button-muted-border-hover: #818181;

  --color-button-callme-text: #508DC6;
  --color-button-callme-background: #F5F5F5;
  --color-button-callme-border: #508DC6;
  --color-button-callme-text-hover: #FFFFFF;
  --color-button-callme-background-hover: #508DC6;
  --color-button-callme-border-hover: #508DC6;

  --color-button-cart-text: #ffffff;
  --color-button-cart-background: #508dc6;
  --color-button-cart-border: #508dc6;
  --color-button-cart-text-hover: #ffffff;
  --color-button-cart-background-hover: #365f85;
  --color-button-cart-border-hover: #365f85;

  --main-elements-color: #888888;

  --main-elements-hover-color: #508dc6;

  --colorless-buttons-border-color: #508dc6;

  --colorless-buttons-font-color: #508dc6;

  --colorless-buttons-hover-bg: #ffffff;

  --invoice-button-color: #333333;

  --header-bg-color: #ffffff;

  --preview-font-color: #000000;

  --header-buttons-font-color: #2c2c2c;

  --search-field-btn-color: #ffffff;

  --search-field-bg-color: #ffffff;

  --search-field-border-color: #cccccc;

  --search-field-font-color: #000000;

  --search-field-placeholder-font-color: #cccccc;

  --catalog-menu-button_bg: #ffffff;

  --catalog-menu-bg-color: #ffffff;

  --catalog-menu-hover-bg-color: #ffffff;

  --catalog-menu-border-color: #d9d9de;

  --catalog-menu-font-color: #333333;

  --catalog-menu-font-hover-color: #85868e;

  --catalog-menu-burger-color: #508dc6;

  --catalog-menu-link-hover: #ffffff;

  --checkout-button-font-color: #888888;

  --invoice-button-font-color: #333333;

  --header-top-icon-color: #888888;

  --header-top-bg-color: #ffffff;

  --header-top-phone-font-color: #000000;

  --header-top-menu-font-color: #2c2c2c;

  --header-top-menu-font-hover-color: #508dc6;

  --catalog-menu-arrow-color: #508dc6;

  --category-menu-font-highlight-color: #508dc6;

  --category-menu-underline-highlight-color: #508dc6;

  --feedback-form-border: #ffffff;
  --feedback-form-input-border: #DCDCDC;
  --breadcrumb-item-color: #000000;

  --product-list-header-link-color: #508dc6;
  --product-list-header-link-hover-color: #333333;
  --product-tab-link-color: #508dc6;
  --color-card-border: #d9d9de;
  --product-preview-border-hover-color: #a3cef7; /* цвет рамки превью при наведении */

  --color-fixedbtn: #ffffff;
  --color-bg-fixedbtn: #508dc6;

  --footer-bg-color: #607798;
  --color-footer-links: #ffffff;
  --color-footer-title: #ffffff;
}