| 1 | :where(html) { |
| 2 | --gray-0-hsl: 210 17% 98%; |
| 3 | --gray-1-hsl: 210 17% 95%; |
| 4 | --gray-2-hsl: 210 16% 93%; |
| 5 | --gray-3-hsl: 210 14% 89%; |
| 6 | --gray-4-hsl: 210 14% 83%; |
| 7 | --gray-5-hsl: 210 11% 71%; |
| 8 | --gray-6-hsl: 210 7% 56%; |
| 9 | --gray-7-hsl: 210 9% 31%; |
| 10 | --gray-8-hsl: 210 10% 23%; |
| 11 | --gray-9-hsl: 210 11% 15%; |
| 12 | --gray-10-hsl: 214 14% 10%; |
| 13 | --gray-11-hsl: 216 16% 6%; |
| 14 | --gray-12-hsl: 210 40% 2%; |
| 15 | } |