/* Оформление сайта «Стадион» — выбор пользователя 2026-10-20 («как будто он самый приближённый к футболу»):
   чёрный, белый и кислотный лайм, рубленые заглавные заголовки, строгие рамки. Грузится после стиль.css и меняет его значения.
   Цвета карточек упражнений тоже здесь: у карточек и сайта общие названия цветов (продукт/карточки_упражнений/_сборка/стиль.css),
   поэтому карточка внутри дня — в цветах сайта, а общая вёрстка карточек не меняется. Тёмной темы у сайта нет: «Стадион» всегда светлый. */
:root {
  color-scheme: light;
  --лайм: #c6f432; --чёрный: #111111;
  --фон: #eeeeeb; --экран: #ffffff; --текст: #0b0b0b; --тихий: #5c5c5c; --линия: #dcdcdc;
  --зелёный: var(--чёрный); --зелёный-тёмный: #000; --зелёный-фон: #f1ffcc; --жёлтый: #b9e800; --жёлтый-фон: #f1ffcc;
  --серый-фон: #f2f2f0; --красный: #e0301e; --красный-фон: #fde5e1; --работа: var(--чёрный); --отдых: #d9d9d6; --рамка: #000;
  --фигура: var(--чёрный); --партнёр: #8a8a8a; --тень: none;
  --фон-страницы: var(--фон);
  --заголовки: var(--узкий); --вес-заголовков: 700; --регистр-заголовков: uppercase; --разрядка-заголовков: .01em;
  --радиус: 6px; --радиус-кнопки: 4px;
  --кнопка: var(--чёрный); --кнопка-текст: var(--лайм); --кнопка-тень: none;
  --полосы: repeating-linear-gradient(-55deg, rgba(198, 244, 50, .08) 0 16px, transparent 16px 32px);
  --сегодня-фон: var(--полосы), var(--чёрный); --сегодня-текст: #fff; --сегодня-кнопка: var(--лайм); --сегодня-кнопка-текст: var(--чёрный);
  --герой-фон: var(--полосы), #0d0d0d;
  --герой-текст: #fff; --герой-тихий: #c9c9c9; --герой-линии: rgba(255, 255, 255, .45); --герой-свои: var(--лайм); --герой-чужие: rgba(255, 255, 255, .4);
  --герой-кнопка: var(--лайм); --герой-кнопка-текст: #0d0d0d;
}

.герой-заголовок { font-size: clamp(31px, 10vw, 52px); line-height: .98; }
.герой-над, .сегодня-блок .над { color: var(--лайм); opacity: 1; }

/* строгие рамки у крупных блоков */
.блок-текста, .вопрос, .карточка-блок, .упр, .дни, .факты div { border: 2px solid var(--чёрный); }
.факты b { color: var(--чёрный); }
.польза svg { background: var(--чёрный); color: var(--лайм); }

/* анкета */
.вариант.выбран { background: #f1ffcc; }
.звезда { color: var(--чёрный); background: var(--лайм); }

/* программа и день */
.упр-шапка .метки .нов { background: var(--лайм); }
.упр-шапка .метки .пом { background: var(--чёрный); color: var(--лайм); }
.шапка-дня .фишка.сам { background: var(--лайм); color: var(--чёрный); }
.шапка-дня .фишка.пик { background: var(--лайм); }
.кнопка-помощник { border-radius: var(--радиус-кнопки); background: var(--полосы), var(--чёрный); }
.кнопка-помощник::before { background: var(--лайм); box-shadow: 0 0 0 4px rgba(198, 244, 50, .25); }
.подсказка-пересобрать { border-color: var(--чёрный); }
.итог-дня .галочка { color: var(--чёрный); }
.картинка-сторис { border-radius: 8px; }