Why does this fail to produce a usable color, and how would you fix it without a registered property?.swatch { --hue: 200; background: hsl(var(--hue), 80%, 50%deg); }