:root {
  --violet1: hsl(255, 65.0%, 99.4%);
  --violet2: hsl(252, 100%, 99.0%);
  --violet3: hsl(252, 96.9%, 97.4%);
  --violet4: hsl(252, 91.5%, 95.5%);
  --violet5: hsl(252, 85.1%, 93.0%);
  --violet6: hsl(252, 77.8%, 89.4%);
  --violet7: hsl(252, 71.0%, 83.7%);
  --violet8: hsl(252, 68.6%, 76.3%);
  --violet9: hsl(252, 56.0%, 57.5%);
  --violet10: hsl(251, 48.1%, 53.5%);
  --violet11: hsl(250, 43.0%, 48.0%);
  --violet12: hsl(254, 60.0%, 18.5%);
}