:root {
  /* Базовые цвета - теплые нейтральные */
  --body-background-color: #fcfbf8; /* Очень светлый, почти кремовый фон */
  --body-font-color: #4a4a4a; /* Теплый темно-серый для текста */

  /* Основной акцент и интерактивные цвета (Светло-зеленый) */
  --link-color: #8c8c8c; /* Приглушенный серый для общих ссылок */
  --alt-link-color: #8bc34a; /* Яркий, но мягкий светло-зеленый для акцентных ссылок */
  --alt-box-bg-color: rgba(139, 195, 74, 0.15); /* Прозрачный светло-зеленый для блоков */
  --button-color: #689f38; /* Более насыщенный, но теплый зеленый для основных кнопок */
  --button-hover-color: #558b2f; /* Темнее зеленый для наведения кнопки */
  --button-text-color: #ffffff; /* Белый текст на кнопках */

  /* Цвета контента и структуры */
  --content-background-color: #ffffff; /* Чистый белый для блоков контента */
  --content-box-table-cell-border-color: #f0f0ee; /* Очень светлая, теплая серая граница */
  --content-box-table-cell-active-text-color: #4a4a4a;
  --highlight-border-color: #e0e0de; /* Слегка темнее светлый серый */
  --menu-active-bg: #f5f5f3; /* Очень светлый, теплый серый для активных пунктов меню */
  --category-menu-item-bg-color: #f8f8f6; /* Почти белый, теплый серый */
  --category-menu-view-more-button-bg-color: var(--content-background-color);

  /* Поиск и навигация */
  --smart-search-cont-bg-color: white;
  --smart-search-icon-stroke: #b0b0af; /* Средне-серый */
  --smart-search-item-bg-color-hover: #f5f5f3;

  --top-navigation-background-color: #ffffff;
  --top-navigation-selector-color: #4a4a4a;
  --top-navigation-selector-box-shadow-color: rgba(0, 0, 0, 0.06); /* Мягкая тень */
  --top-navigation-menu-border-color: #d0d0ce; /* Средне-светлый серый */
  --top-navigation-arrow-filter: brightness(0) invert(30%) sepia(0%) saturate(0%) hue-rotate(250deg) brightness(90%) contrast(93%); /* Темная стрелка */

  /* Элементы заголовка */
  --header-background-color: #ffffff;
  --header-tabs-icon-active-filter: brightness(0.066);
  --header-search-form-title-color: #8c8c8c;
  --header-icon-fill: #4a4a4a;

  /* Элементы формы */
  --form-disabled-background-color: #f0f0ee;
  --form-disabled-border-color: #d0d0ce;
  --form-checked-background-color: #8bc34a; /* Светло-зеленый для отмеченных элементов */
  --form-checked-background-color-hover: #7cb342; /* Темнее зеленый для наведения */
  --form-checked-background-color-active: #7cb342; /* Темнее зеленый для активного состояния */
  --form-checked-text-color: #ffffff;
  --form-background-color: white;
  --form-field-line-color: #689f38; /* Насыщенный зеленый для линий полей формы */
  --form-field-line-color-hover: #689f38;
  --form-field-line-color-focus: #558b2f; /* Темнее зеленый для фокуса */
  --form-error-background-color: #ffe0b2; /* Мягкий персиковый/оранжевый для ошибок */
  --form-error-text-color: #e64a19; /* Насыщенный терракотовый для текста ошибок */

  /* Выделенные и списковые элементы */
  --featured-no-sidebar-background-color: #ffffff;
  --featured-background-color: #f5f5f3; /* Теплый светлый серый для выделенных секций */
  --featured-title-color: #4a4a4a;
  --featured-accounts-background-color: #ffffff;

  --listing-card-icon-color: #689f38; /* Насыщенный зеленый для иконок списков */
  --listing-card-active-icon-color: #b0b0af; /* Приглушенный серый для неактивных иконок */

  --listing-print-icon: url("../img/print.svg");
  --listing-favorite-icon: url("../img/like.svg");
  --listing-favorite-icon-active: url("../img/like-active.svg");
  --listing-compare-icon: url("../img/compare.svg");
  --listing-compare-icon-active: url("../img/compare-active.svg");
  --listing-gallery-media-background-color: #f0f0ee;
  --listing-mask-background-color: rgba(255, 255, 255, 0.75);
  --listing-thumbnail-background-color: #e0e0de;
  --listing-background-color: #FFFFFF;

  /* Информация и иконки */
  --info-field-color: #8c8c8c;
  --empty-category-color: #b0b0af;
  --fieldset-header-background-color: #f5f5f3;
  --icon-favorite-fill: #b0b0af;
  --icon-favorite-fill-active: #ff7043; /* Яркий терракотовый/коралловый для активной иконки избранного, теплый контраст */
  --icon-filter: brightness(0) invert(20%) sepia(0%) saturate(0%) hue-rotate(250deg) brightness(90%) contrast(93%);
  --icon-filter-background: brightness(0) invert(95%) sepia(0%) saturate(0%) hue-rotate(250deg) brightness(90%) contrast(93%);
  --icon-filter-img-background: brightness(0) invert(30%) sepia(50%) saturate(200%) hue-rotate(90deg) brightness(90%) contrast(100%); /* Фильтр для зеленого оттенка */
  --upload-zone-background-color: #f0f0ee;
  --plans-border-color: #d0d0ce;
  --steps-background-color: #689f38; /* Насыщенный зеленый для фона шагов */
  --popup-mask-background-color: rgba(0, 0, 0, 0.35);
  --table-list-border-color: #f0f0ee;
  --table-list-me-border-color: #f0f0ee;
  --tabs-active-background-color: #FFFFFF;
  --tabs-side-block-active-background-color: #3e2723; /* Темно-коричневый для боковой панели */
  --tabs-side-block-border-color: #d0d0ce;
  --favorite-background-color: #ffffff;
  --listings-box-background-color: #f5f5f3;
  --placeholder-color: #8c8c8c;
  --border-color: #f0f0ee; /* Единый светлый теплый цвет границ */
  --menu-shadow: 0 5px 17px rgba(0, 0, 0, 0.05), 0 10px 29px rgba(0, 0, 0, 0.04), 0 17px 41px rgba(0, 0, 0, 0.03), 0 47px 80px rgba(0, 0, 0, 0.06); /* Еще более мягкие тени */
  --dropdown-arrow: url("../img/dropdown-arrow.svg");

  --card-corner-svg: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2016%22%3E%3Cpath%20d%3D%22M0%200c8.837%200%2016%207.163%2016%2016h1V-1H0v1Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');

  /* Футер */
  --footer-background-color: #f5f5f3; /* Теплый светлый серый футер */
  --footer-text-color: #8c8c8c;
  --footer-title-color: #4a4a4a;
  --footer-link-color: #8c8c8c;
  --footer-link-hover-color: #616161;
  --footer-link-active-color: #212121;
  --footer-icon-color: #b0b0af;
}