| 1 | :where(html) { |
| 2 | --brown-0-hsl: 36 60% 95%; |
| 3 | --brown-1-hsl: 32 44% 87%; |
| 4 | --brown-2-hsl: 28 40% 80%; |
| 5 | --brown-3-hsl: 28 38% 72%; |
| 6 | --brown-4-hsl: 27 36% 65%; |
| 7 | --brown-5-hsl: 28 34% 57%; |
| 8 | --brown-6-hsl: 28 32% 50%; |
| 9 | --brown-7-hsl: 28 35% 43%; |
| 10 | --brown-8-hsl: 28 38% 37%; |
| 11 | --brown-9-hsl: 27 42% 31%; |
| 12 | --brown-10-hsl: 25 48% 25%; |
| 13 | --brown-11-hsl: 23 58% 19%; |
| 14 | --brown-12-hsl: 22 57% 16%; |
| 15 | } |