.dark-theme {
  --mauve1: hsl(246, 6.0%, 9.0%);
  --mauve2: hsl(240, 5.1%, 11.6%);
  --mauve3: hsl(241, 5.0%, 14.3%);
  --mauve4: hsl(242, 4.9%, 16.5%);
  --mauve5: hsl(243, 4.9%, 18.8%);
  --mauve6: hsl(244, 4.9%, 21.5%);
  --mauve7: hsl(245, 4.9%, 25.4%);
  --mauve8: hsl(247, 4.8%, 32.5%);
  --mauve9: hsl(252, 4.0%, 45.2%);
  --mauve10: hsl(247, 3.4%, 50.7%);
  --mauve11: hsl(253, 4.0%, 63.7%);
  --mauve12: hsl(256, 6.0%, 93.2%);
}