body:has([data-template]) {
  --color-background: #FFFFFF; /* Цвет фона сайта */
}

[data-template] {
  --color-main: #0065af; /* Основной */
  --color-wrapper: #f6f6f7; /* Цвет плашек */
  --color-fill: #e4e5e7; /* Цвет заливки */

  --color-title: #3a414f; /* Цвет заголовков секций */
  --color-text-main: #3a414f; /* Цвет текста */
  --color-text-title-media: #3a414f; /* Цвет заголовка элеменов списка "Аудио список"/"Видео список" */
  --color-text-additional: #757a84; /* Цвет текста вспомогательный */
  --color-text-error: #FF5050; /* Цвет текста ошибки */
  --color-text-button: #ffffff; /* Цвет текста внутри кнопки */
  --color-expert-name: #3a414f; /* Секция "Экспертный совет", цвет имени эксперта */

  --font-weight-simple-text: 500; /* Вес простого текста (в описании, участниках, тесте и т.д.) */

  --font-weight-dates: 700; /* Даты проведения и статуса конкурса */
  --color-text-competition-status: #3A414F; /* Цвет статуса конкурса */
  --color-banner-dates-icon: var(--color-main); /* Иконка календаря */

  --color-steps: #e4e5e7; /* Цвет плашки контейнера "Шаги" */
  --color-steps-text: #e4e5e7; /* Цвет текста плашки контейнера "Шаги" */
  --font-weight-steps-number: 700; /* Вес текста цифр контейнера "Шаги" */
  --font-weight-steps-title: 700; /* Вес текста заголовков контейнера "Шаги" */

  --color-form-background: #eeeeef; /* Цвет фона формы */
  --color-form-button: #e6e6e8; /* Цвет неактивной кнопки */
  --color-form-border: #d9d9d9; /* Цвет обводки формы */
  --color-form-error-background: rgba(255, 80, 80, 0.05); /* Цвет фона ошибки формы */
  --color-form-error-border: #FF5050; /* Цвет текста ошибки формы */

  --color-heart-circle: #DEE8F0; /* Секция "Участники" кнопка сердца */
  --color-heart: var(--color-main); /* Секция "Участники" иконка сердца */
  --color-play-button-icon: #FFFFFF; /* Иконка кнопки плей/пауза */
  --color-text-participant: #3A414F; /* Секция "Участники" цвет имени участника */
  --color-participant-button: #E6E6E8; /* Секция "Участники" цвет кнопки "подробнее" */
  --border-radius-participant-button: 4px; /* Секция "Участники" скругление кнопки "подробнее" */
  --font-weight-participant-button: 700; /* Секция "Участники" font-weight кнопки "подробнее" */

  --color-text-test-title: #3A414F; /* Цвет текста подзаголовка в секциях "Тест" и "Викторина" */
  --font-weight-test-title: 700; /* font-weight подзаголовка в секциях "Тест" и "Викторина" */

  --color-text-table-header: #FFFFFF; /* Таблица "Результаты викторины" цвет текста шапки */
  --color-bg-table-header: var(--color-main); /* Таблица "Результаты викторины" цвет фона шапки */
  --font-weight-tableHeader: 700; /* Таблица "Результаты викторины" font-weight шапки */

  --color-nav-icon: var(--color-main); /* Цвет иконок кнопок пагинации (стрелочки в круге) */
  --font-weight-current-nav: 500; /* font-weight цифры активного пункта пагинатора */

  --border-radius-session-city: 10px; /* Секция "Сеансы" скругление кнопок городов */ 
  --color-text-session-city: #3A414F; /* Секция "Сеансы" цвет названий городов */ 
  --color-bg-session-city_active: var(--color-main); /* Секция "Сеансы" цвет кнопки выбранного города */ 
  --color-text-session-city_active: #FFFFFF; /* Секция "Сеансы" цвет названия выбранного города */ 
  --border-radius-session-time: 4px; /* Секция "Сеансы" скругление кнопок сеансов-времени */ 
  --color-text-session-time: #3A414F; /* Секция "Сеансы" скругление кнопок сеансов-времени */ 

  --border-radius-venue-city: 4px; /* Секция "Место проведения" скругление углов города */
  --color-bg-venue-city: #E9E9E9; /* Секция "Место проведения" цвет фона города */
  --color-text-venue-city: #333333; /* Секция "Место проведения" цвет текста города */
  --color-bg-venue-city_active: var(--color-main); /* Секция "Место проведения" цвет фона выбранного города */
  --color-text-venue-city_active: #FFFFFF; /* Секция "Место проведения" цвет текста выбранного города */
  --font-weight-venue-info: 700; /* Секция "Место проведения" дата, время и место */
  --color-icon-venue: var(--color-main); /* Секция "Место проведения" цвет иконок */

  --border-radius-winner-place: 4px; /* Секция "Победители" скругление места и кол-ва голосов */
  --color-bg-winner-votes: #EEEEEF; /* Секция "Победители" цвет фона кол-ва голосов */
  --color-text-winner-name: var(--color-main); /* Секция "Победители" цвет имени */
  --font-weight-winner-name: 700; /* Секция "Победители" font-weight имени */
  --font-weight-winner-city: 400; /* Секция "Победители" font-weight города */

  --border-radius: 8px;
  --border-radius-button: 4px; /* border-radius кнопок */
  --border-radius-input: 4px; /* Скругление инпутов кнопок */
}

@media only screen and (max-width: 1440px) {

  [data-template] {
    --border-radius: 8px;
  }

}

@media only screen and (max-width: 1024px) {

  [data-template] {
    --border-radius: 8px;
  }

}