/* background
================================================ */
.bg-gradation__hd-90 {
  background: linear-gradient(
    90deg,
    var(--color-hd-contrast-lightest) 5%,
    var(--color-hd-contrast-lighter) 15%,
    var(--color-hd-contrast-light) 35%,
    var(--color-hd-contrast-dark) 50%,
    var(--color-hd-contrast-darker) 60%,
    var(--color-hd-contrast-darkest) 100%
  );
}

.bg-gradation__rc-90 {
  background: linear-gradient(90deg, var(--color-rc-contrast-dark) 50%, var(--color-rc-contrast-light) 100%);
}

.bg-gradation__sa-90 {
  background: linear-gradient(90deg, var(--color-sa-contrast-dark) 50%, var(--color-sa-contrast-light) 100%);
}

.bg-gradation__rc-240 {
  background: linear-gradient(240deg, var(--color-rc-contrast-light) 0%, var(--color-rc-contrast-dark) 30%);
}

.bg-gradation__sa-240 {
  background: linear-gradient(240deg, var(--color-sa-contrast-light) 0%, var(--color-sa-contrast-dark) 30%);
}

.bg__front-header-white {
  background-color: var(--color-contrast-white);
}

.bg__front-header-hd {
  background: linear-gradient(
    -40deg,
    var(--color-hd-contrast-lightest) 5%,
    var(--color-hd-contrast-lighter) 15%,
    var(--color-hd-contrast-light) 35%,
    var(--color-hd-contrast-dark) 50%,
    var(--color-hd-contrast-darker) 60%,
    var(--color-hd-contrast-darkest) 100%
  );
}

.bg-about {
  background: linear-gradient(90deg, var(--color-about-contrast-light), var(--color-about-contrast-dark));
}