:root {
  --color-bg-brand-base: #7c3aed;
  --color-bg-brand-base-hover: #6d28d9;
  --color-bg-brand-soft: #ede9fe;
  --color-bg-brand-softest: #f5f3ff;

  --color-text-brand: #7c3aed;
  --color-text-brand-soft: #8b5cf6;
  --color-text-on-brand-base: #ffffff;

  --color-border-brand: #7c3aed;
  --color-border-brand-soft: #c4b5fd;
}