:root {
  --hs-purple: #E2BDF8;
  --hs-purple-ultra-light: #f5e8fd;
  --hs-purple-light: #e1baf8;
  --hs-purple-semi-light: #b85eee;
  --hs-purple-semi-dark: #6c11a1;
  --hs-purple-dark: #4d0c73;
  --hs-purple-ultra-dark: #1f052e;
  --hs-purple-comp: #d3f8bd;
  --hs-purple-trans-10: rgba(226, 189, 248, 0.1);
  --hs-purple-light-trans-10: rgba(225, 186, 248, 0.1);
  --hs-purple-dark-trans-10: rgba(77, 12, 115, 0.1);
  --hs-purple-ultra-dark-trans-10: rgba(31, 5, 46, 0.1);
  --hs-purple-trans-20: rgba(226, 189, 248, 0.2);
  --hs-purple-light-trans-20: rgba(225, 186, 248, 0.2);
  --hs-purple-dark-trans-20: rgba(77, 12, 115, 0.2);
  --hs-purple-ultra-dark-trans-20: rgba(31, 5, 46, 0.2);
  --hs-purple-trans-30: rgba(226, 189, 248, 0.3);
  --hs-purple-light-trans-30: rgba(225, 186, 248, 0.3);
  --hs-purple-dark-trans-30: rgba(77, 12, 115, 0.3);
  --hs-purple-ultra-dark-trans-30: rgba(31, 5, 46, 0.3);
  --hs-purple-trans-40: rgba(226, 189, 248, 0.4);
  --hs-purple-light-trans-40: rgba(225, 186, 248, 0.4);
  --hs-purple-dark-trans-40: rgba(77, 12, 115, 0.4);
  --hs-purple-ultra-dark-trans-40: rgba(31, 5, 46, 0.4);
  --hs-purple-trans-50: rgba(226, 189, 248, 0.5);
  --hs-purple-light-trans-50: rgba(225, 186, 248, 0.5);
  --hs-purple-dark-trans-50: rgba(77, 12, 115, 0.5);
  --hs-purple-ultra-dark-trans-50: rgba(31, 5, 46, 0.5);
  --hs-purple-trans-60: rgba(226, 189, 248, 0.6);
  --hs-purple-light-trans-60: rgba(225, 186, 248, 0.6);
  --hs-purple-dark-trans-60: rgba(77, 12, 115, 0.6);
  --hs-purple-ultra-dark-trans-60: rgba(31, 5, 46, 0.6);
  --hs-purple-trans-70: rgba(226, 189, 248, 0.7);
  --hs-purple-light-trans-70: rgba(225, 186, 248, 0.7);
  --hs-purple-dark-trans-70: rgba(77, 12, 115, 0.7);
  --hs-purple-ultra-dark-trans-70: rgba(31, 5, 46, 0.7);
  --hs-purple-trans-80: rgba(226, 189, 248, 0.8);
  --hs-purple-light-trans-80: rgba(225, 186, 248, 0.8);
  --hs-purple-dark-trans-80: rgba(77, 12, 115, 0.8);
  --hs-purple-ultra-dark-trans-80: rgba(31, 5, 46, 0.8);
  --hs-purple-trans-90: rgba(226, 189, 248, 0.9);
  --hs-purple-light-trans-90: rgba(225, 186, 248, 0.9);
  --hs-purple-dark-trans-90: rgba(77, 12, 115, 0.9);
  --hs-purple-ultra-dark-trans-90: rgba(31, 5, 46, 0.9);
}