:root {
  --pink-100: #fff5fb;
  --pink-200: #ffe0f2;
  --pink-300: #ffc8e8;
  --pink-accent: #f472b6;
}

body {
  background: radial-gradient(circle at top left, var(--pink-200), var(--pink-100) 55%);
}

section {
  position: relative;
  z-index: 1;
}

.bg-white,
.bg-body-secondary,
.card,
.navbar,
.accordion-item,
.bg-light {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

.card,
.navbar,
.accordion-item {
  box-shadow: 0 10px 30px rgba(244, 114, 182, 0.12);
}

.badge.bg-primary-subtle,
.badge.bg-warning-subtle {
  background-color: var(--pink-300) !important;
  color: #b91c74 !important;
}

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

.btn-outline-primary {
  border-color: var(--pink-accent);
  color: var(--pink-accent);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: var(--pink-accent);
  border-color: var(--pink-accent);
  color: #fff;
}