//backgrounds default

// brand blue
.bg-brand--blue {
  background: $color-brand--one;
  color: $color-brand--four;

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

// brand dark blue
.bg-brand--dark-blue {
  background: $color-brand--two;
  color: $color-brand--four;


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

// brand turquoise
.bg-brand--turquoise {
  background: $color-brand--three;
  color: $color-brand--four;


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

// brand red
.bg-brand--red {
  background: $color-brand--five;
  color: $color-brand--four;

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

// brand yellow
.bg-brand--yellow {
  background: $color-brand--six;

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

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

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

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

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