:root {
  --brand-primary: #4b2cc7;
  --brand-primary-dark: #37209a;
  --brand-primary-light: #ece7fb;
  --brand-accent: #d4a017;       /* muted gold — used sparingly */
  --brand-dark: #1c1c1e;
  --brand-light: #f8f7fc;
}

/* ===== Buttons ===== */
.btn-danger {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.btn-danger:hover, .btn-danger:focus {
  background-color: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
}

.btn-outline-danger {
  color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.btn-outline-danger:hover {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #fff;
}

/* ===== Backgrounds ===== */
.bg-dark {
  background-color: var(--brand-dark) !important;
}
.bg-light {
  background-color: var(--brand-light) !important;
}

/* ===== Text colors ===== */
.text-danger {
  color: var(--brand-primary) !important;
}

/* ===== Links ===== */
a {
  color: var(--brand-primary);
}
a:hover {
  color: var(--brand-primary-dark);
}