/* Red */
:root[data-variant="red"] {
	--primary-color-hue: 351;
	--stats-pie-hue: 145deg;
}

/* Red */

/* Green */
:root[data-variant="green"] {
	--primary-color-hue: 351;
	--stats-pie-hue: 245deg;
}

/* Green */

/* Blue */
:root[data-variant="blue"] {
	--primary-color-hue: 351;
	--stats-pie-hue: 0deg;
}

/* Blue */

/* Yellow */
:root[data-variant="yellow"] {
	--primary-color-hue: 351;
	--stats-pie-hue: 200deg;
}

/* Pink */
:root[data-variant="pink"] {
	--primary-color-hue: 351;
	--stats-pie-hue: 120deg;
}

/* Pink */

/* Purple */
:root[data-variant="purple"] {
	--primary-color-hue: 351;
	--stats-pie-hue: 75deg;
}

/* Purple */