.u-color-purple {
  color: #6E4784;
}

.u-background-color-purple {
  background-color: #6E4784;
  background-image: linear-gradient(90deg, #6E4784 0%, #6E4784 0%, transparent 0%);
}

.u-color-turquoise {
  color: #46B0A5;
}

.u-background-color-turquoise {
  background-color: #46B0A5;
  background-image: linear-gradient(90deg, #46B0A5 0%, #46B0A5 0%, transparent 0%);
}

.u-color-blue {
  color: #7CBACF;
}

.u-background-color-blue {
  background-color: #7CBACF;
  background-image: linear-gradient(90deg, #7CBACF 0%, #7CBACF 0%, transparent 0%);
}

.u-color-medium-turquoise {
  color: #B6DCDA;
}

.u-background-color-medium-turquoise {
  background-color: #B6DCDA;
  background-image: linear-gradient(90deg, #B6DCDA 0%, #B6DCDA 0%, transparent 0%);
}

.u-color-light-turquoise {
  color: #C8E8E4;
}

.u-background-color-light-turquoise {
  background-color: #C8E8E4;
  background-image: linear-gradient(90deg, #C8E8E4 0%, #C8E8E4 0%, transparent 0%);
}

.u-color-light-purple {
  color: #D4C8DB;
}

.u-background-color-light-purple {
  background-color: #D4C8DB;
  background-image: linear-gradient(90deg, #D4C8DB 0%, #D4C8DB 0%, transparent 0%);
}

.u-color-light-blue {
  color: #D8EBF1;
}

.u-background-color-light-blue {
  background-color: #D8EBF1;
  background-image: linear-gradient(90deg, #D8EBF1 0%, #D8EBF1 0%, transparent 0%);
}

.u-color-black {
  color: #222222;
}

.u-background-color-black {
  background-color: #222222;
  background-image: linear-gradient(90deg, #222222 0%, #222222 0%, transparent 0%);
}

.u-color-grey {
  color: #F2F2F2;
}

.u-background-color-grey {
  background-color: #F2F2F2;
  background-image: linear-gradient(90deg, #F2F2F2 0%, #F2F2F2 0%, transparent 0%);
}

.u-color-white {
  color: #FFFFFF;
}

.u-background-color-white {
  background-color: #FFFFFF;
  background-image: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 0%, transparent 0%);
}

.u-color-gradient {
  color: linear-gradient(to top, #C2BBCF 11%, #B6DCDA 80%);
}

.u-background-color-gradient {
  background-color: linear-gradient(to top, #C2BBCF 11%, #B6DCDA 80%);
  background-image: linear-gradient(90deg, linear-gradient(to top, #C2BBCF 11%, #B6DCDA 80%) 0%, linear-gradient(to top, #C2BBCF 11%, #B6DCDA 80%) 0%, transparent 0%);
}

strong.u-color-gradient-green-azure-blue {
  background: -webkit-linear-gradient(to top, #C2BBCF 11%, #C8E8E4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}