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

[data-template] {
  --color-main: hsla(171, 50%, 24%, 1); /* Основной */
  --color-wrapper: hsla(0, 0%, 100%, 1); /* Цвет плашек */
  --color-fill: hsla(170, 38%, 72%, 0.4); /* Цвет заливки */

  --color-text-main: hsla(0, 0%, 20%, 1); /* Цвет текста */
  --color-text-additional: #666666; /* Цвет текста вспомогательный */
  --color-text-error: #FF5050; /* Цвет текста ошибки */
  --color-text-button: #FFFFFF; /* Цвет текста внутри кнопки */

  --color-steps-text: hsla(0, 0%, 20%, 0.2);

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