.dark, .dark-theme {
  --mauve-1: hsl(300, 5.0%, 9.5%);
  --mauve-2: hsl(300, 7.1%, 11.0%);
  --mauve-3: hsl(290, 6.2%, 16.2%);
  --mauve-4: hsl(285, 5.8%, 19.5%);
  --mauve-5: hsl(280, 5.6%, 22.4%);
  --mauve-6: hsl(276, 5.4%, 25.7%);
  --mauve-7: hsl(269, 5.3%, 30.3%);
  --mauve-8: hsl(258, 5.0%, 39.2%);
  --mauve-9: hsl(250, 5.0%, 45.0%);
  --mauve-10: hsl(252, 4.3%, 52.3%);
  --mauve-11: hsl(250, 6.0%, 70.5%);
  --mauve-12: hsl(240, 7.0%, 93.8%);
}