//backgrounds default

// orange
.bg-brand--gradient-orange {
  background: $color-brand--gradient-orange;
  color: $color-brand--white;

  a {
    color: $color-brand--two;
  }
}

// purple
.bg-brand--gradient-purple {
  background: $color-brand--gradient-purple;
  color: $color-brand--white;
}

.bg-brand--orange {
  background: $color-brand--one;
  color: $color-brand--white;

  a {
    color: $color-brand--two;
  }
}

// blue
.bg-brand--gradient-blue {
  background: $color-brand--gradient-blue;
  color: $color-brand--white;

  a {
    color: $color-brand--two;
  }
}

.bg-brand--blue {
  background: $color-brand--three;
  color: $color-brand--white;

  a {
    color: $color-brand--two;
  }
}

// white
.bg-brand--white {
  background: $color-brand--white;
  color: $color-brand--two;

  a {
    color: $color-brand--one;
  }
}

// light grey
.bg-brand--light-grey {
  background: $color-brand--five;
  color: $color-brand--two;

  a {
    color: $color-brand--one;
  }
}

// ultra dark grey
.bg-brand--dark-grey {
  background: $color--two-80;
  color: $color-brand--white;

  a {
    color: $color-brand--one;
  }
}

// color classes from mixin
.color--dark-shade-main {
  @include color-dark-shade-main;
}

.color--dark-shade-alterative {
  @include color-dark-shade-alternative;
}

