:root {
  --bs-primary: #ff4757;  /* Hot Pink */
}

.bg-primary {
  background-color: var(--bs-primary) !important;
}

/* Account Page Styles */
.account-card {
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}

.account-card:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.form-control:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.2rem rgba(255, 71, 87, 0.25);
}

.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-primary:hover {
  background-color: #e63946;
  border-color: #e63946;
}

.user-info p {
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
}

.user-info strong {
  color: var(--bs-primary);
}