:root {
  --color-purple-50: #f6e9f6;
  --color-purple-100: #eed3ed;
  --color-purple-200: #dca7da;
  --color-purple-300: #cb7cc8;
  --color-purple-400: #b950b6;
  --color-purple-500: #923a8f;
  --color-purple-600: #672965;
  --color-purple-700: #582356;
  --color-purple-800: #491d48;
  --color-purple-900: #371636;
  --color-purple-950: #2f132e;

  --dp-header-height: 140px;
  --dp-header-bg: var(--color-purple-600);
  --dp-header-bg-elevated: var(--color-purple-800);
  --dp-header-border: transparent;
  --dp-header-fg: white;
}