/**
 * Единая брендовая палитра для цветных плиток направлений на главной.
 *
 * Токены собраны из ДЕЙСТВИТЕЛЬНО используемых по всему сайту фирменных
 * цветов (кнопки/ссылки/заголовки в style.css): #392C70, #72308D, #922C88,
 * #C938BB, #AA96C6. Плитки `.tile__item.item-01..09` на главной раньше
 * включали чужеродные цвета, которых больше нигде на сайте нет
 * (синий #5eb3f7/#3498db, оранжевый #f17933/#F27A34, жёлто-зелёный #d4d140) —
 * похоже на демо-цвета шаблона, а не осознанный выбор. Ниже — только
 * override фона этих 9 плиток через каскад (грузится после style.css),
 * сам style.css не трогаем.
 *
 * Откат: убрать строку с этим файлом из
 * src/partials/modx/assets.json (секция "css") и пересобрать сайт.
 */
:root {
  --brand-indigo-900: #2e2560;
  --brand-indigo-700: #392c70;
  --brand-indigo-500: #5b3591;
  --brand-plum-600: #72308d;
  --brand-magenta-600: #922c88;
  --brand-magenta-500: #a6339c;
  --brand-pink-500: #c938bb;
  --brand-lilac-400: #8f7ac0;
  --brand-lilac-300: #aa96c6;
}

.tile__item.item-01 {
  /* Было indigo-900→indigo-700 — читалось почти чёрным, светлее и живее (2026-08-27) */
  background: linear-gradient(135deg, var(--brand-indigo-700), var(--brand-magenta-600));
}

.tile__item.item-02 {
  background: linear-gradient(135deg, var(--brand-plum-600), var(--brand-magenta-600));
}

.tile__item.item-03 {
  background:
    linear-gradient(160deg, rgba(46, 37, 96, 0.18), rgba(46, 37, 96, 0.38)),
    linear-gradient(135deg, var(--brand-lilac-300), var(--brand-lilac-400));
}

.tile__item.item-04 {
  background: linear-gradient(135deg, var(--brand-indigo-500), var(--brand-plum-600));
}

.tile__item.item-05 {
  background: linear-gradient(135deg, var(--brand-magenta-600), var(--brand-magenta-500));
}

.tile__item.item-06 {
  background: linear-gradient(135deg, var(--brand-magenta-500), var(--brand-pink-500));
}

.tile__item.item-07 {
  background: linear-gradient(135deg, var(--brand-indigo-700), var(--brand-indigo-500));
}

.tile__item.item-08 {
  background:
    linear-gradient(160deg, rgba(46, 37, 96, 0.16), rgba(46, 37, 96, 0.34)),
    linear-gradient(135deg, var(--brand-lilac-400), var(--brand-lilac-300));
}

.tile__item.item-09 {
  background: linear-gradient(135deg, var(--brand-pink-500), var(--brand-magenta-600));
}