| 1 | :where(html) {
|
| 2 | --purple-0-hsl: 280 67% 96%;
|
| 3 | --purple-1-hsl: 287 77% 92%;
|
| 4 | --purple-2-hsl: 288 86% 86%;
|
| 5 | --purple-3-hsl: 289 85% 78%;
|
| 6 | --purple-4-hsl: 288 83% 71%;
|
| 7 | --purple-5-hsl: 288 75% 64%;
|
| 8 | --purple-6-hsl: 288 67% 58%;
|
| 9 | --purple-7-hsl: 288 56% 52%;
|
| 10 | --purple-8-hsl: 288 54% 46%;
|
| 11 | --purple-9-hsl: 288 54% 40%;
|
| 12 | --purple-10-hsl: 288 55% 33%;
|
| 13 | --purple-11-hsl: 288 56% 26%;
|
| 14 | --purple-12-hsl: 288 55% 20%;
|
| 15 | }
|