/* Редкость вещи (2026-09-28, как в игре): имя вещи и строка «Легендарное кольцо» под ним — цветом ступени. Узел
   несёт класс item-rarity и data-rarity (поле `rarity` данных, собирает tools/site_items_all.py): «Предметы» —
   item-columns.js, item-card.js, item-search.js; «Ковка» и «Деревообработка» — craft-columns.js; «Топ» — top-podium.js.
   Селектор из класса и признака сильнее цвета имени в стилях компонентов — порядок подключения файлов не важен. */

.item-rarity[data-rarity='common'] {
  color: var(--rarity-common);
}

.item-rarity[data-rarity='magic'] {
  color: var(--rarity-magic);
}

.item-rarity[data-rarity='rare'] {
  color: var(--rarity-rare);
}

.item-rarity[data-rarity='legendary'] {
  color: var(--rarity-legendary);
}

.item-rarity[data-rarity='mythic'] {
  color: var(--rarity-mythic);
}

/* Подсказка вещи «Топа» — на янтарной плашке (hero-card.css): синий и фиолетовый там дают контраст около 2,7 против 5,4
   на тёмном фоне, тёмный ореол держит их читаемыми. */
.hero-slot__tip .item-rarity {
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.9), 0 1px 2px rgba(0, 0, 0, 0.9);
}