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

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

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

  --font-weight-simple-text: 500; /* Вес простого текста (в описании, участниках, тесте и т.д.) */
  
  --font-weight-dates: 700; /* Даты проведения и статуса конкурса */
  --color-text-competition-status: #333333; /* Цвет статуса конкурса */
  --color-banner-dates-icon: #333333; /* Иконка календаря */

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

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

  --color-heart-circle: #EBEBEB; /* Секция "Участники" кнопка сердца */
  --color-heart: #333333; /* Секция "Участники" иконка сердца */
  --color-play-button-icon: #333333; /* Иконка кнопки плей/пауза */
  --color-text-participant: #333333; /* Секция "Участники" цвет имени участника */
  --color-participant-button: #e9e9e9; /* Секция "Участники" цвет кнопки "подробнее" */
  --border-radius-participant-button: 0; /* Секция "Участники" скругление кнопки "подробнее" */
  --font-weight-participant-button: 700; /* Секция "Участники" font-weight кнопки "подробнее" */

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

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

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

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

  --border-radius-winner-place: 0; /* Секция "Победители" скругление места и кол-ва голосов */
  --color-bg-winner-votes: #e9e9e9; /* Секция "Победители" цвет фона кол-ва голосов */
  --color-text-winner-name: #333333; /* Секция "Победители" цвет имени */
  --font-weight-winner-name: 700; /* Секция "Победители" font-weight имени */
  --font-weight-winner-city: 500; /* Секция "Победители" font-weight города */

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

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

  [data-template] {
    --border-radius: 0;
  }

}

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

  [data-template] {
    --border-radius: 0;
  }

}