.badge-0 {
	background-color: oklch(0.85 0.08 20);
	color: oklch(0.4 0.12 20);
}

.badge-1 {
	background-color: oklch(0.86 0.07 45);
	color: oklch(0.42 0.12 45);
}

.badge-2 {
	background-color: oklch(0.87 0.07 85);
	color: oklch(0.42 0.11 85);
}

.badge-3 {
	background-color: oklch(0.86 0.07 125);
	color: oklch(0.4 0.12 125);
}

.badge-4 {
	background-color: oklch(0.86 0.07 150);
	color: oklch(0.4 0.12 150);
}

.badge-5 {
	background-color: oklch(0.85 0.07 210);
	color: oklch(0.4 0.12 210);
}

.badge-6 {
	background-color: oklch(0.85 0.07 245);
	color: oklch(0.4 0.12 245);
}

.badge-7 {
	background-color: oklch(0.86 0.07 300);
	color: oklch(0.4 0.12 300);
}

.badge-8 {
	background-color: oklch(0.85 0.07 330);
	color: oklch(0.4 0.12 330);
}

.badge-9 {
	background-color: oklch(0.85 0.07 350);
	color: oklch(0.4 0.12 350);
}

/* 

--badge-1: oklch(0.86 0.07 45);
--badge-2: oklch(0.87 0.07 85);
--badge-3: oklch(0.86 0.07 125);
--badge-4: oklch(0.86 0.07 150);
--badge-5: oklch(0.85 0.07 210);
--badge-6: oklch(0.85 0.07 245);
--badge-7: oklch(0.86 0.07 300);
--badge-8: oklch(0.85 0.07 330);
--badge-9: oklch(0.85 0.07 350);
--badge-foreground-0: oklch(0.4 0.12 20);
--badge-foreground-1: oklch(0.42 0.12 45);
--badge-foreground-2: oklch(0.42 0.11 85);
--badge-foreground-3: oklch(0.4 0.12 125);
--badge-foreground-4: oklch(0.4 0.12 150);
--badge-foreground-5: oklch(0.4 0.12 210);
--badge-foreground-6: oklch(0.4 0.12 245);
--badge-foreground-7: oklch(0.4 0.12 300);
--badge-foreground-8: oklch(0.4 0.12 330);
--badge-foreground-9: oklch(0.4 0.12 350); */