/* Relies on vars.css */

body { /* adds specificity */

	.has-garnet-color {
		color: var(--colorGarnet);
	}

	.has-garnet-bright-color {
		color: var(--colorGarnet_bright);
	}

	.has-garnet-dark-color {
		color: var(--colorGarnet_dark);
	}

	.has-gray-color {
		color: var(--colorGray);
	}

	.has-gray-light-color {
		color: var(--colorGray_light);
	}

	.has-blue-color {
		color: var(--colorBlue);
	}

	.has-blue-bright-color {
		color: var(--colorBlue_bright);
	}

	.has-blue-dark-color {
		color: var(--colorBlue_dark);
	}

	.has-green-color {
		color: var(--colorGreen);
	}

	.has-green-bright-color {
		color: var(--colorGreen_bright);
	}

	.has-garnet-background-color {
		background-color: var(--colorGarnet);
	}

	.has-garnet-bright-background-color {
		background-color: var(--colorGarnet_bright);
	}

	.has-garnet-dark-background-color {
		background-color: var(--colorGarnet_dark);
	}

	.has-gray-background-color {
		background-color: var(--colorGray);
	}

	.has-gray-light-background-color {
		background-color: var(--colorGray_light);
	}

	.has-blue-background-color {
		background-color: var(--colorBlue);
	}

	.has-blue-bright-background-color {
		background-color: var(--colorBlue_bright);
	}

	.has-blue-dark-background-color {
		background-color: var(--colorBlue_dark);
	}

	.has-green-background-color {
		background-color: var(--colorGreen);
	}

	.has-green-bright-background-color {
		background-color: var(--colorGreen_bright);
	}
}