| 1 | :where(html) { |
| 2 | --red-0-hsl: 0 100% 98%; |
| 3 | --red-1-hsl: 0 100% 95%; |
| 4 | --red-2-hsl: 0 100% 89%; |
| 5 | --red-3-hsl: 0 100% 83%; |
| 6 | --red-4-hsl: 0 100% 76%; |
| 7 | --red-5-hsl: 0 100% 71%; |
| 8 | --red-6-hsl: 0 94% 65%; |
| 9 | --red-7-hsl: 0 86% 59%; |
| 10 | --red-8-hsl: 0 74% 54%; |
| 11 | --red-9-hsl: 0 65% 48%; |
| 12 | --red-10-hsl: 0 65% 42%; |
| 13 | --red-11-hsl: 0 65% 36%; |
| 14 | --red-12-hsl: 0 66% 30%; |
| 15 | } |