:root {
	--color-aqi-a: #47e33c;
	--color-aqi-b: #f2e22f;
	--color-aqi-c: #ff7d4a;
	--color-aqi-d: #ff2e3f;
	--color-aqi-e: #b464c2;
	--color-aqi-f: #9c4865;
	--color-light-gray: #6b6d71;
	--color-gray: #707070;
	--color-dark-blue: #051d37;
	--color-light-blue: #8a9eb5;
	--color-dark-teal: #00afa5;
	--color-teal: #00d8cb;
	--color-yellow: #ffba00;
	--color-red: #ff4949;
	--color-green: #13ce66;
	--color-violet: #775dd0;
	--color-blue: #42b8dd;
	--color-info-border: var(--color-dark-blue);
	--color-stamp-red: #FF0000;
	--color-stamp-green: #00FF00;
	--panel-shadow: 0 1px 6px -2px var(--color-gray);
}

.color-aqi-a {
	color: var(--color-aqi-a);
}

.bg-aqi-a {
	background-color: var(--color-aqi-a);
}

.color-aqi-b {
	color: var(--color-aqi-b);
}

.bg-aqi-b {
	background-color: var(--color-aqi-b);
}

.color-aqi-c {
	color: var(--color-aqi-c);
}

.bg-aqi-c {
	background-color: var(--color-aqi-c);
}

.color-aqi-d {
	color: var(--color-aqi-d);
}

.bg-aqi-d {
	background-color: var(--color-aqi-d);
}

.color-aqi-e {
	color: var(--color-aqi-e);
}

.bg-aqi-e {
	background-color: var(--color-aqi-e);
}

.color-aqi-f {
	color: var(--color-aqi-f);
}

.bg-aqi-f {
	background-color: var(--color-aqi-f);
}

.color-white {
	color: white;
}

.bg-white {
	background-color: white;
}

.color-black {
	color: black;
}

.bg-black {
	background-color: black;
}

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

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

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

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

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

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

.color-light-blue {
	color: var(--color-light-blue);
}

.bg-light-blue {
	background-color: var(--color-light-blue);
}

.color-dark-teal {
	color: var(--color-dark-teal);
}

.bg-dark-teal {
	background-color: var(--color-dark-teal);
}

.color-teal {
	color: var(--color-teal);
}

.bg-teal {
	background-color: var(--color-teal);
}

.color-yellow {
	color: var(--color-yellow);
}

.bg-yellow {
	background-color: var(--color-yellow);
}

.color-red {
	color: var(--color-red);
}

.bg-red {
	background-color: var(--color-red);
}

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

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

.color-violet {
	color: var(--color-violet);
}

.bg-violet {
	background-color: var(--color-violet);
}

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

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