body {
	font-family: "Inter", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.gradient-bg {
	background: linear-gradient(135deg, #f0f9ff 0%, #f1f5f9 100%);
}
.hidden {
	display: none !important;
}

.range-0 { --color: rgb(210, 0, 14); }
.range-1 { --color: rgb(219, 28, 20); }
.range-2 { --color: rgb(228, 87, 18); }
.range-3 { --color: rgb(235, 130, 20); }
.range-4 { --color: rgb(242, 185, 28); }
.range-5 { --color: rgb(240, 210, 30); }
.range-6 { --color: rgb(200, 230, 30); }
.range-7 { --color: rgb(173, 242, 41); }
.range-8 { --color: rgb(100, 220, 90); }
.range-9 { --color: rgb(60, 200, 120); }
.range-10 { --color: rgb(0, 179, 57); }

.range {
	background-color: var(--color) !important;
	color: white !important;
}
.range-text {
	color: var(--color) !important;
}