:root {
  --purpleA1: hsla(300, 94.3%, 34.6%, 0.012);
  --purpleA2: hsla(276, 100%, 51.0%, 0.020);
  --purpleA3: hsla(277, 99.6%, 46.5%, 0.055);
  --purpleA4: hsla(274, 97.9%, 44.3%, 0.095);
  --purpleA5: hsla(276, 98.6%, 42.0%, 0.142);
  --purpleA6: hsla(275, 100%, 39.2%, 0.200);
  --purpleA7: hsla(273, 99.2%, 38.2%, 0.295);
  --purpleA8: hsla(272, 99.7%, 37.6%, 0.424);
  --purpleA9: hsla(272, 99.6%, 34.0%, 0.695);
  --purpleA10: hsla(272, 99.7%, 32.0%, 0.730);
  --purpleA11: hsla(272, 99.8%, 29.7%, 0.773);
  --purpleA12: hsla(272, 99.2%, 11.3%, 0.946);
}