/* ============================================================
   icons.css — стили SVG-иконок и CSS-переменные для тем
   Подключать ПОСЛЕ theme.css в index.html
   ============================================================ */

/* Дефолтная тема — наследуем цвет от родителя */
:root {
  --icon-color: currentColor;
}

/* Базовый класс иконки */
.icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: -0.125em;
  color: var(--icon-color, currentColor);
}

/* Размерные модификаторы */
.icon-sm { width: 0.75em; height: 0.75em; }
.icon-lg { width: 1.5em; height: 1.5em; }
.icon-xl { width: 2em; height: 2em; }

/* Иконки внутри кнопок, ссылок и заголовков наследуют цвет текста */
button .icon,
a .icon,
h1 .icon,
h2 .icon,
h3 .icon,
.admin-btn .icon,
.setting-card-icon .icon,
.modal-box-header .icon {
  color: inherit;
}

/* ============================================================
   Переменные --icon-color для каждой темы проекта
   ============================================================ */

body[data-theme="metal"] {
  --icon-color: #b0b0b0;
}

body[data-theme="discord"] {
  --icon-color: #7289da;
}

body[data-theme="steam"] {
  --icon-color: #66c0f4;
}

body[data-theme="die-my-darling"] {
  --icon-color: #ff4444;
}