1	:where(html) {
2	--violet-0-hsl: 252 100% 97%;
3	--violet-1-hsl: 257 100% 93%;
4	--violet-2-hsl: 256 100% 87%;
5	--violet-3-hsl: 255 94% 79%;
6	--violet-4-hsl: 255 93% 72%;
7	--violet-5-hsl: 255 91% 67%;
8	--violet-6-hsl: 255 86% 63%;
9	--violet-7-hsl: 255 78% 60%;
10	--violet-8-hsl: 255 67% 55%;
11	--violet-9-hsl: 255 53% 50%;
12	--violet-10-hsl: 255 53% 44%;
13	--violet-11-hsl: 255 53% 37%;
14	--violet-12-hsl: 255 53% 31%;
15	}