// 字体颜色
// 按照用途分离
.wb-c-main {
  color: $wb-main-c;
}
.wb-c-content {
  color: $wb-content-c;
}
.wb-c-tips {
  color: $wb-tips-c;
}
.wb-c-light {
  color: $wb-light-c;
}




.wb-c-primary-light {
	color: $wb-c-primary-light;
}

.wb-c-warning-light {
	color: $wb-c-warning-light;
}

.wb-c-success-light {
	color: $wb-c-success-light;
}

.wb-c-error-light {
	color: $wb-c-error-light;
}

.wb-c-info-light {
	color: $wb-c-info-light;
}

.wb-c-primary-light-bg {
	background-color: $wb-c-primary-light;
}

.wb-c-warning-light-bg {
	background-color: $wb-c-warning-light;
}

.wb-c-success-light-bg {
	background-color: $wb-c-success-light;
}

.wb-c-error-light-bg {
	background-color: $wb-c-error-light;
}

.wb-c-info-light-bg {
	background-color: $wb-c-info-light;
}

.wb-c-primary-dark {
	color: $wb-c-primary-dark;
}

.wb-c-warning-dark {
	color: $wb-c-warning-dark;
}

.wb-c-success-dark {
	color: $wb-c-success-dark;
}

.wb-c-error-dark {
	color: $wb-c-error-dark;
}

.wb-c-info-dark {
	color: $wb-c-info-dark;
}

.wb-c-primary-dark-bg {
	background-color: $wb-c-primary-dark;
}

.wb-c-warning-dark-bg {
	background-color: $wb-c-warning-dark;
}

.wb-c-success-dark-bg {
	background-color: $wb-c-success-dark;
}

.wb-c-error-dark-bg {
	background-color: $wb-c-error-dark;
}

.wb-c-info-dark-bg {
	background-color: $wb-c-info-dark;
}

.wb-c-primary-disabled {
	color: $wb-c-primary-disabled;
}

.wb-c-warning-disabled {
	color: $wb-c-warning-disabled;
}

.wb-c-success-disabled {
	color: $wb-c-success-disabled;
}

.wb-c-error-disabled {
	color: $wb-c-error-disabled;
}

.wb-c-info-disabled {
	color: $wb-c-info-disabled;
}

.wb-c-primary-disabled-bg {
	background-color: $wb-c-primary-disabled;
}

.wb-c-warning-disabled-bg {
	background-color: $wb-c-warning-disabled;
}

.wb-c-success-disabled-bg {
	background-color: $wb-c-success-disabled;
}

.wb-c-error-disabled-bg {
	background-color: $wb-c-error-disabled;
}

.wb-c-info-disabled-bg {
	background-color: $wb-c-info-disabled;
}

.wb-c-primary {
	color: $wb-c-primary;
}

.wb-c-warning {
	color: $wb-c-warning;
}

.wb-c-success {
	color: $wb-c-success;
}

.wb-c-error {
	color: $wb-c-error;
}

.wb-c-info {
	color: $wb-c-info;
}

.wb-c-primary-bg {
	background-color: $wb-c-primary;
}

.wb-c-warning-bg {
	background-color: $wb-c-warning;
}

.wb-c-success-bg {
	background-color: $wb-c-success;
}

.wb-c-error-bg {
	background-color: $wb-c-error;
}

.wb-c-info-bg {
	background-color: $wb-c-info;
}

// 按照颜色名称
.wb-c-white {
  color: #ffffff;
}
.wb-c-blue {
  color: #3687ff;
}
.wb-c-light-blue {
  color: #afcfff;
}
.wb-c-blue-sky {
  color: #61cbef;
}
.wb-c-gray {
  color: #a5a7b2;
}
.wb-c-red {
  color: #ff0036;
}
.wb-c-yellow {
  color: #ffcc00;
}
.wb-c-light-yellow {
  color: #ecd1a8;
}
.wb-c-green {
  color: #9dd26d;
}

/* 背景颜色 */
.wb-bg-black {
  background: #000000;
}
.wb-bg-white {
  background: #ffffff;
}
.wb-bg-blue {
  background: #3687ff;
}
.wb-bg-blue-sky {
  background: #61cbef;
}
.wb-bg-gray {
  background: #a5a7b2;
}
.wb-bg-light-gray {
  background: #f8f8f8;
}
.wb-bg-red {
  background: #ff0036;
}
.wb-bg-green {
  background: #9dd26d;
}
.wb-bg-yellow {
  background: #ffcc00;
}
.wb-bg-light-blue {
  background: #afcfff;
}
.wb-bg-light-yellow {
  background: #ecd1a8;
}
/* 渐变背景 */
.wb-gtbg-blue {
  background: linear-gradient(to right, #b100ff, #00b3ff);
}
.wb-gtbg-pink {
  background: linear-gradient(to right, #ff0066, #ca00ff);
}
.wb-gtbg-green {
  background: linear-gradient(to right, #39b55a, #8dc63e);
}
.wb-gtbg-purple {
  background: linear-gradient(to right, #f000ee, #6e00ff);
}
.wb-gtbg-orange {
  background: linear-gradient(to right, #ffcd00, #ff9b00);
}
.wb-gtbg-blue-sky {
  background: linear-gradient(to right, #00ffd5, #008cff);
}