:root {
  --background-color: #424547; /*#424547;фон темный серый графит*/
  --color: #e5e5e5; /*#e5e5e5;серый цвет текста*/
  --link-color: #bdbdbd; /*#bdbdbd;текст кнопок и сообщений*/
  --link-color-hover: #c09b74; /*#dee2e6; светло серый*/
  --link-color-hover-white: #fff; /*#fff; белый*/
  --icon-filter: invert(100%);
  --icon-filter_hover: invert(40%);
  --image-filter: grayscale(50%); /*grayscale(50%)*/
  --main-headline-color: rgb(192,155,116); /*rgb(233, 30, 99);*/
  --accent-background-color: rgb(192,155,116); /*rgb(0, 188, 212);*/
  --accent-color: rgb(192,155,116);/* rgb(5, 5, 5);*/

  --box-background-color: #4c5053; /*#4c5053;серый графит*/
  --card-background-color: #4c5053;/*#4c5053;серый графит*/
  --card-background-color-hover: #333333; /*#424547;фон темный серый графит*/
  --tab-background-color: #4c5053;/*#4c5053;серый графит*/

  --button-background-color: #4c5053;/*#4c5053;серый графит*/
  --button-background-color-hover: #c09b74;

  --button-border-color: #c09b74;/*#9a9a9a;серый*/
  --button-border-color-hover: #fff; /*#dd2c00;оранжевый*/
  --button-text-color: #fff;/*#f3f3f3;светло серый*/
  --button-text-color-hover: #fff;/*#f3f3f3;светло серый*/

  --nav-tab-background-color: #c09b74;/*#4a7ed2;светло синий*/
  --nav-tab-background-color-active: #c09b74;/*#4a7ed2;светло синий*/
  --nav-tab-border-color: #fff; /*#0056B3;синий*/
  --nav-tab-border-color-active: #dd2c00; /*#0056B3;синий*/
  --nav-tab-text-color: #fff;/*#f3f3f3;светло серый*/
  --nav-tab-text-color-active: #fff;/*#dee2e6;светло серый*/

  --footer-background-color: #333333;/*#4c5053;серый графит*/

  --border-gray: #c09b74; /*#424547;фон темный сеый графит*/
  --background-gray: #4c5053;/*#4c5053;серый графит*/
  
  --color-red: #dd2c00;/*#ff5151;светло красный*/
}

img[src*=".svg"] {
  filter: var(--icon-filter);
}

img:not([src*=".svg"]) {
  filter: var(--image-filter);
}