:root {
  --rpg-dark: #241827;
  --rpg-purple: #4b2e59;
  --rpg-gold: #c99b4a;
  --rpg-light: #f7f2e8;
}

body {
  background: var(--rpg-light);
}

.bg-rpg {
  background: linear-gradient(135deg, var(--rpg-dark), var(--rpg-purple));
}

.btn-rpg {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--rpg-purple);
  --bs-btn-border-color: var(--rpg-purple);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--rpg-dark);
  --bs-btn-hover-border-color: var(--rpg-dark);
}

.text-rpg-gold {
  color: var(--rpg-gold);
}

.hero-card {
  background: linear-gradient(135deg, #ffffff, #f3ead8);
  border: 1px solid rgba(36, 24, 39, 0.08);
}