:root {
  --color-primary: #7c3aed;
  --color-primary-dark-1: #6d28d9;
  --color-primary-dark-2: #5b21b6;
  --color-primary-light-1: #8b5cf6;
  --color-primary-light-2: #a78bfa;
  --color-primary-light-3: #c4b5fd;
  --color-primary-light-4: #ddd6fe;
  --color-primary-light-5: #ede9fe;
  --color-primary-light-6: #f5f3ff;
  --color-primary-light-7: #faf5ff;
  --color-primary-hover: #6d28d9;
  --color-primary-active: #5b21b6;
}