.dark, .dark-theme {
  --purple-1: hsl(284, 20.0%, 9.6%);
  --purple-2: hsl(283, 30.0%, 11.8%);
  --purple-3: hsl(281, 37.5%, 16.5%);
  --purple-4: hsl(280, 41.2%, 20.0%);
  --purple-5: hsl(279, 43.8%, 23.3%);
  --purple-6: hsl(277, 46.4%, 27.5%);
  --purple-7: hsl(275, 49.3%, 34.6%);
  --purple-8: hsl(272, 52.1%, 45.9%);
  --purple-9: hsl(272, 51.0%, 54.0%);
  --purple-10: hsl(273, 57.3%, 59.1%);
  --purple-11: hsl(275, 80.0%, 71.0%);
  --purple-12: hsl(279, 75.0%, 95.7%);
}