//backgrounds default

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

  a {
    color: $color-brand--two;
  }
  .divider {
    border-color:$color-alpha--four-50;
  }
}

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

  a {
    color: $color-brand--two;
  }
  .divider {
    border-color:$color-alpha--four-50;
  }
}

// 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;
  }

  .divider {
    border-color:$color-brand--six;
  }
}

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


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

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


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