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