:where(html) {
  --orange-0-hsl: 34 100% 95%;
  --orange-1-hsl: 33 100% 90%;
  --orange-2-hsl: 33 100% 83%;
  --orange-3-hsl: 32 100% 74%;
  --orange-4-hsl: 31 100% 65%;
  --orange-5-hsl: 29 100% 58%;
  --orange-6-hsl: 27 98% 54%;
  --orange-7-hsl: 24 94% 50%;
  --orange-8-hsl: 21 90% 48%;
  --orange-9-hsl: 17 87% 45%;
  --orange-10-hsl: 17 87% 40%;
  --orange-11-hsl: 17 87% 32%;
  --orange-12-hsl: 17 87% 27%;
}