:root {
  --primary: #4b2e83;
  --accent: #528f6b;
}

body {
  font-family: 'Segoe UI', sans-serif;
}

.card-title {
  color: var(--primary);
}

.border-primary {
  border-color: var(--primary) !important;
}
#levelSlider {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  outline: none;
  transition: background 0.3s ease;
}