.theme-bemagic {
  --font-serif: "Playfair Display", Georgia, serif;
  --bg: #faf9fc;
  --surface: #ffffff;
  --surface-2: #f2edf7;
  --text: #330b36;
  --muted: #806f91;
  --border: #e8e0f0;
  --primary: #603f94;
  --primary-strong: #330b36;
  --primary-contrast: #ffffff;
  --accent: #ffc609;
  --accent-contrast: #330b36;
}

.theme-bemagic h1 {
  font-family: var(--font-serif);
  font-weight: 700;
}

.theme-bemagic .button.primary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-contrast);
}

.theme-bemagic .progress::-webkit-progress-value {
  background: var(--primary);
}

.theme-bemagic .progress::-moz-progress-bar {
  background: var(--primary);
}