/* Цветовые палитры для шаблона */

/* Basic тема (желтые акценты) */
html[data-theme="basic"] {
  /* Кнопки */
  --button-color: #FACB05;
  --button-hover-color: #FFD644;
  --button-text-color: #111111;
  
  /* Альтернативные ссылки */
  --alt-link-color: #deb300;
  --alt-box-bg-color: rgba(250, 203, 5, 0.25);
  
  /* Формы - чекбоксы и радио */
  --form-checked-background-color: #FACB05;
  --form-checked-background-color-hover: #D0A800;
  --form-checked-background-color-active: #D0A800;
  --form-checked-text-color: #111111;
  
  /* Поля форм */
  --form-field-line-color: #FACB05;
  --form-field-line-color-hover: #FACB05;
  --form-field-line-color-focus: #D0A800;
  
  /* Иконки */
  --listing-card-icon-color: #FACB05;
  --icon-favorite-fill-active: #FACB05;
  
  /* Меню категорий */
  --category-menu-item-bg-color: #EDEDED;
  --smart-search-item-bg-color-hover: #EDEDED;
  
  /* Шаги */
  --steps-background-color: #FACB05;
}

/* Blue тема (синие акценты) */
html[data-theme="blue"] {
  /* Кнопки */
  --button-color: #1E40AF;
  --button-hover-color: #1D4ED8;
  --button-text-color: #FFFFFF;
  
  /* Альтернативные ссылки */
  --alt-link-color: #DC2626;
  --alt-box-bg-color: rgba(220, 38, 38, 0.1);
  
  /* Формы - чекбоксы и радио */
  --form-checked-background-color: #1E40AF;
  --form-checked-background-color-hover: #1D4ED8;
  --form-checked-background-color-active: #1D4ED8;
  --form-checked-text-color: #FFFFFF;
  
  /* Поля форм */
  --form-field-line-color: #1E40AF;
  --form-field-line-color-hover: #1E40AF;
  --form-field-line-color-focus: #3B82F6;
  
  /* Иконки */
  --listing-card-icon-color: #1E40AF;
  --icon-favorite-fill-active: #1E40AF;
  
  /* Меню категорий */
  --category-menu-item-bg-color: rgba(30, 64, 175, 0.1);
  --smart-search-item-bg-color-hover: rgba(30, 64, 175, 0.1);
  
  /* Шаги */
  --steps-background-color: #1E40AF;
  
  /* Pills - радиокнопки в табах */
  --pills-checked-background: var(--button-color);
  --pills-checked-text-color: var(--button-text-color);
  
  /* Дополнительные стили для элементов */
  --button-border-color: var(--button-color);
  --category-menu-parent-count-text-color: #FFFFFF;
  --category-menu-button-icon-color: #FFFFFF;
  --category-menu__button-icon: #FFFFFF;
}

/* BlueM тема (синие акценты с основным цветом #116db4) */
html[data-theme="bluem"] {
  /* Кнопки */
  --button-color: #116db4;
  --button-hover-color: #0f5ba0;
  --button-text-color: #FFFFFF;
  
  /* Альтернативные ссылки */
  --alt-link-color: #0a4d8a;
  --alt-box-bg-color: rgba(17, 109, 180, 0.1);
  
  /* Формы - чекбоксы и радио */
  --form-checked-background-color: #116db4;
  --form-checked-background-color-hover: #0f5ba0;
  --form-checked-background-color-active: #0f5ba0;
  --form-checked-text-color: #FFFFFF;
  
  /* Поля форм */
  --form-field-line-color: #116db4;
  --form-field-line-color-hover: #116db4;
  --form-field-line-color-focus: #0a4d8a;
  
  /* Иконки */
  --listing-card-icon-color: #116db4;
  --icon-favorite-fill-active: #116db4;
  
  /* Меню категорий */
  --category-menu-item-bg-color: rgba(17, 109, 180, 0.1);
  --smart-search-item-bg-color-hover: rgba(17, 109, 180, 0.1);
  
  /* Шаги */
  --steps-background-color: #116db4;
  
  /* Pills - радиокнопки в табах */
  --pills-checked-background: var(--button-color);
  --pills-checked-text-color: var(--button-text-color);
  
  /* Дополнительные стили для элементов */
  --button-border-color: var(--button-color);
  --category-menu-parent-count-text-color: #FFFFFF;
  --category-menu-button-icon-color: #FFFFFF;
  --category-menu__button-icon: #FFFFFF;
}

/* Green тема (зеленые акценты с основным цветом #00ad64) */
html[data-theme="green"] {
  /* Кнопки */
  --button-color: #00ad64;
  --button-hover-color: #009456;
  --button-text-color: #FFFFFF;
  
  /* Альтернативные ссылки */
  --alt-link-color: #008c52;
  --alt-box-bg-color: rgba(0, 173, 100, 0.1);
  
  /* Формы - чекбоксы и радио */
  --form-checked-background-color: #00ad64;
  --form-checked-background-color-hover: #009456;
  --form-checked-background-color-active: #009456;
  --form-checked-text-color: #FFFFFF;
  
  /* Поля форм */
  --form-field-line-color: #00ad64;
  --form-field-line-color-hover: #00ad64;
  --form-field-line-color-focus: #008c52;
  
  /* Иконки */
  --listing-card-icon-color: #00ad64;
  --icon-favorite-fill-active: #00ad64;
  
  /* Меню категорий */
  --category-menu-item-bg-color: rgba(0, 173, 100, 0.1);
  --smart-search-item-bg-color-hover: rgba(0, 173, 100, 0.1);
  
  /* Шаги */
  --steps-background-color: #00ad64;
  
  /* Pills - радиокнопки в табах */
  --pills-checked-background: var(--button-color);
  --pills-checked-text-color: var(--button-text-color);
  
  /* Дополнительные стили для элементов */
  --button-border-color: var(--button-color);
  --category-menu-parent-count-text-color: #FFFFFF;
  --category-menu-button-icon-color: #FFFFFF;
  --category-menu__button-icon: #FFFFFF;
}

/* Orange тема (оранжевые акценты с основным цветом #ff7b25) */
html[data-theme="orange"] {
  /* Кнопки */
  --button-color: #ff7b25;
  --button-hover-color: #e5691f;
  --button-text-color: #FFFFFF;
  
  /* Альтернативные ссылки */
  --alt-link-color: #d65a00;
  --alt-box-bg-color: rgba(255, 123, 37, 0.1);
  
  /* Формы - чекбоксы и радио */
  --form-checked-background-color: #ff7b25;
  --form-checked-background-color-hover: #e5691f;
  --form-checked-background-color-active: #e5691f;
  --form-checked-text-color: #FFFFFF;
  
  /* Поля форм */
  --form-field-line-color: #ff7b25;
  --form-field-line-color-hover: #ff7b25;
  --form-field-line-color-focus: #d65a00;
  
  /* Иконки */
  --listing-card-icon-color: #ff7b25;
  --icon-favorite-fill-active: #ff7b25;
  
  /* Меню категорий */
  --category-menu-item-bg-color: rgba(255, 123, 37, 0.1);
  --smart-search-item-bg-color-hover: rgba(255, 123, 37, 0.1);
  
  /* Шаги */
  --steps-background-color: #ff7b25;
  
  /* Pills - радиокнопки в табах */
  --pills-checked-background: var(--button-color);
  --pills-checked-text-color: var(--button-text-color);
  
  /* Дополнительные стили для элементов */
  --button-border-color: var(--button-color);
  --category-menu-parent-count-text-color: #FFFFFF;
  --category-menu-button-icon-color: #FFFFFF;
  --category-menu__button-icon: #FFFFFF;
}

/* Логотип для Orange темы */
html[data-theme="orange"] .logo-text {
  font-size: 1.8rem;
  font-weight: 700;
}

/* Light режим для Orange темы */
html[data-theme="orange"][data-color-scheme="light"] .logo-text {
  color: #0d1117;
}

/* Dark режим для Orange темы */
html[data-theme="orange"][data-color-scheme="dark"] .logo-text {
  color: #f0f6fc;
}

/* Arcane и Miniatures цвета для логотипа */
html[data-theme="orange"] .logo-text .arcane {
  color: #ff7b25;
}

html[data-theme="orange"][data-color-scheme="light"] .logo-text .miniatures {
  color: #111111;
}

html[data-theme="orange"][data-color-scheme="dark"] .logo-text .miniatures {
  color: #DADADA;
}

/* Стили для ссылки логотипа в спокойном состоянии */
html[data-theme="orange"][data-color-scheme="light"] .logo-text .miniatures:link,
html[data-theme="orange"][data-color-scheme="light"] .logo-text .miniatures:visited {
  color: #111111;
}

html[data-theme="orange"][data-color-scheme="dark"] .logo-text .miniatures:link,
html[data-theme="orange"][data-color-scheme="dark"] .logo-text .miniatures:visited {
  color: #DADADA;
}