.dark, .dark-theme {
  --mauve-1: hsl(246, 6.0%, 9.0%);
  --mauve-2: hsl(240, 5.1%, 11.6%);
  --mauve-3: hsl(241, 5.0%, 14.3%);
  --mauve-4: hsl(242, 4.9%, 16.5%);
  --mauve-5: hsl(243, 4.9%, 18.8%);
  --mauve-6: hsl(244, 4.9%, 21.5%);
  --mauve-7: hsl(245, 4.9%, 25.4%);
  --mauve-8: hsl(247, 4.8%, 32.5%);
  --mauve-9: hsl(252, 4.0%, 45.2%);
  --mauve-10: hsl(247, 3.4%, 50.7%);
  --mauve-11: hsl(253, 4.0%, 63.7%);
  --mauve-12: hsl(256, 6.0%, 93.2%);
}