.monochromatic {
	@include color-scheme(monochromatic, $base-color);
	@for $i from 1 through 10 {
		.base .value#{$i} { background: $base-value#{$i}; }
		.base .tone#{$i} { background: $base-tone#{$i}; }
	}
}

.complementary {
	@include color-scheme(complementary, $base-color);
	@for $i from 1 through 10 {
		.base .value#{$i} { background: $base-value#{$i}; }
		.base .tone#{$i} { background: $base-tone#{$i}; }
		.complementary .value#{$i} { background: $complementary-value#{$i}; }
		.complementary .tone#{$i} { background: $complementary-tone#{$i}; }
	}
}

.split-complementary {
	@include color-scheme(split-complementary, $base-color);
	@for $i from 1 through 10 {
		.base .value#{$i} { background: $base-value#{$i}; }
		.base .tone#{$i} { background: $base-tone#{$i}; }
		.secondaryA .value#{$i} { background: $secondaryA-value#{$i}; }
		.secondaryA .tone#{$i} { background: $secondaryA-tone#{$i}; }
		.secondaryB .value#{$i} { background: $secondaryB-value#{$i}; }
		.secondaryB .tone#{$i} { background: $secondaryB-tone#{$i}; }
	}
}
.triadic {
	@include color-scheme(triadic, $base-color);
	@for $i from 1 through 10 {
		.base .value#{$i} { background: $base-value#{$i}; }
		.base .tone#{$i} { background: $base-tone#{$i}; }
		.secondaryA .value#{$i} { background: $secondaryA-value#{$i}; }
		.secondaryA .tone#{$i} { background: $secondaryA-tone#{$i}; }
		.secondaryB .value#{$i} { background: $secondaryB-value#{$i}; }
		.secondaryB .tone#{$i} { background: $secondaryB-tone#{$i}; }
	}
}
.analogous {
	@include color-scheme(analogous, $base-color);
	@for $i from 1 through 10 {
		.base .value#{$i} { background: $base-value#{$i}; }
		.base .tone#{$i} { background: $base-tone#{$i}; }
		.secondaryA .value#{$i} { background: $secondaryA-value#{$i}; }
		.secondaryA .tone#{$i} { background: $secondaryA-tone#{$i}; }
		.secondaryB .value#{$i} { background: $secondaryB-value#{$i}; }
		.secondaryB .tone#{$i} { background: $secondaryB-tone#{$i}; }
	}
}

.double-complementary {
	@include color-scheme(double-complementary, $base-color);
	@for $i from 1 through 10 {
		.base .value#{$i} { background: $base-value#{$i}; }
		.base .tone#{$i} { background: $base-tone#{$i}; }
		.secondaryA .value#{$i} { background: $secondaryA-value#{$i}; }
		.secondaryA .tone#{$i} { background: $secondaryA-tone#{$i}; }
		.secondaryB .value#{$i} { background: $secondaryB-value#{$i}; }
		.secondaryB .tone#{$i} { background: $secondaryB-tone#{$i}; }
		.complementary .value#{$i} { background: $complementary-value#{$i}; }
		.complementary .tone#{$i} { background: $complementary-tone#{$i}; }
	}
}

.tetradic {
	@include color-scheme(tetradic, $base-color);
	@for $i from 1 through 10 {
		.base .value#{$i} { background: $base-value#{$i}; }
		.base .tone#{$i} { background: $base-tone#{$i}; }
		.secondaryA .value#{$i} { background: $secondaryA-value#{$i}; }
		.secondaryA .tone#{$i} { background: $secondaryA-tone#{$i}; }
		.secondaryB .value#{$i} { background: $secondaryB-value#{$i}; }
		.secondaryB .tone#{$i} { background: $secondaryB-tone#{$i}; }
		.complementary .value#{$i} { background: $complementary-value#{$i}; }
		.complementary .tone#{$i} { background: $complementary-tone#{$i}; }
	}
}

.quadradic {
	@include color-scheme(quadradic, $base-color);
	@for $i from 1 through 10 {
		.base .value#{$i} { background: $base-value#{$i}; }
		.base .tone#{$i} { background: $base-tone#{$i}; }
		.secondaryA .value#{$i} { background: $secondaryA-value#{$i}; }
		.secondaryA .tone#{$i} { background: $secondaryA-tone#{$i}; }
		.secondaryB .value#{$i} { background: $secondaryB-value#{$i}; }
		.secondaryB .tone#{$i} { background: $secondaryB-tone#{$i}; }
		.complementary .value#{$i} { background: $complementary-value#{$i}; }
		.complementary .tone#{$i} { background: $complementary-tone#{$i}; }
	}
}