:root {
  --oc-purple: #3b1263;
  --oc-purple-dark: #2b0d49;
  --oc-gold: #b8902f;
  --oc-cream: #fdf6f0;
}
body { background-color: #f4f1f7; }
.app-navbar { background-color: var(--oc-purple) !important; }
.navbar-brand { font-weight: 600; }
.btn-primary { background-color: var(--oc-purple); border-color: var(--oc-purple); }
.btn-primary:hover { background-color: var(--oc-purple-dark); border-color: var(--oc-purple-dark); }
.btn-outline-primary { color: var(--oc-purple); border-color: var(--oc-purple); }
.btn-outline-primary:hover { background-color: var(--oc-purple); border-color: var(--oc-purple); }
.nav-pills .nav-link.active { background-color: var(--oc-purple); }
.badge-gold { background-color: var(--oc-gold); color: #fff; }