:where(html) {
  --sand-0-hsl: 200 27% 98%;
  --sand-1-hsl: 48 17% 88%;
  --sand-2-hsl: 45 22% 79%;
  --sand-3-hsl: 44 22% 69%;
  --sand-4-hsl: 44 17% 62%;
  --sand-5-hsl: 44 14% 54%;
  --sand-6-hsl: 42 14% 46%;
  --sand-7-hsl: 43 16% 39%;
  --sand-8-hsl: 41 15% 32%;
  --sand-9-hsl: 43 14% 26%;
  --sand-10-hsl: 44 11% 20%;
  --sand-11-hsl: 60 6% 14%;
  --sand-12-hsl: 60 6% 7%;
}