/* Цвет сайта. Перекраска делается переопределением переменных `--cl-*`
   Dayos: их правила при этом не трогаются вовсе, меняются только
   значения. Файл подключён последним.

   Светлый фон белый, шкала серых нейтральная — решение Тимура
   12.09.2026. До этого стоял костяной #F7F6EE с цветов знака; он ушёл
   вместе со всей тёплой шкалой, иначе серые на белом отдавали желтизной.
   Костяной остался в знаке и в материалах, на сайте его больше нет.

   Что чем стало:
     --cl-black    фон тёмных секций и цвет текста на светлых;
     --cl-white    фон светлых секций и цвет текста на тёмных;
     --cl-grey-200 фон первого экрана (тема grey) и подвала;
     --cl-yellow   кнопка в шапке на тёмной странице.

   Серые держат разницу с белым: подвал и тёмная тема не должны
   сливаться с полотном страницы, поэтому 200-й не белый, а на четыре
   процента темнее. */
:root {
  --cl-black: #0a0a09;
  --cl-white: #ffffff;
  --cl-grey-100: #f7f7f7;
  --cl-grey-200: #f0f0f0;
  --cl-grey-300: #e0e0e0;
  --cl-grey-400: #b8b8b8;
  --cl-grey-500: #8a8a8a;
  --cl-grey-800: #222222;
  --cl-yellow: #ffffff;
}

/* Плитки стека. Их правило красит плитку `var(--cl-black)` с белым
   текстом — на светлой странице получались восемь чёрных прямоугольников
   (Тимур 11.09: «такие чёрные участки не очень»). Правило оставлено
   как есть, на самой плитке подменены значения двух переменных:
   плитка становится светлой, текст тёмным. Цвета при наведении у них
   заданы числами, они остаются их. */
.grid-item-brand {
  --cl-black: #f0f0f0;
  --cl-white: #0a0a09;
}

/* Подвал. Единственное место, где Dayos красит числом, а не переменной:
   `.the-footer{background:#000;color:#fff}`. Переменной это не снять,
   поэтому здесь их правило перекрыто нашим — с той же силой селектора
   и теми же свойствами, меняются только значения. Это единственное
   перекрытие правила на весь сайт; всё остальное идёт переменными. */
.the-footer[data-v-b4bf77f0] {
  background: var(--cl-grey-200);
  color: var(--cl-black);
  /* Ссылки в подвале Dayos красит `--cl-yellow` — на тёмном фоне это
     их жёлтый акцент. У нас жёлтый стал костяным и на костяном фоне
     пропадал: ник в подвале читался как пустое место. Здесь переменная
     переопределена на тёмную, правило их осталось. */
  --cl-yellow: #0a0a09;
}

.the-footer[data-v-b4bf77f0] .bottom .socials .cta:hover {
  background: var(--cl-black);
  color: var(--cl-grey-200);
}