/* Пользовательские фоны и цвета из config.js. */

html.has-custom-hero-background .hero {
  background-image:
    linear-gradient(
      rgb(4 7 20 / var(--editable-hero-overlay, 0.48)),
      rgb(4 7 20 / var(--editable-hero-overlay, 0.48))
    ),
    var(--editable-hero-background) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

html.has-custom-description-background .description {
  background-image:
    linear-gradient(rgb(6 8 20 / 0.74), rgb(6 8 20 / 0.86)),
    var(--editable-description-background) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

html.has-custom-download-background .page-finale {
  background-image:
    linear-gradient(rgb(6 8 20 / 0.76), rgb(6 8 20 / 0.9)),
    var(--editable-download-background) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

html.has-custom-accent .hero h1 span,
html.has-custom-accent .section-header h2,
html.has-custom-accent .projects-title h2,
html.has-custom-accent .title span {
  color: var(--editable-accent) !important;
}

html.has-custom-accent .btn.primary,
html.has-custom-accent .platform-option.is-active {
  background-color: var(--editable-accent) !important;
}