.custom-page {
  --custom-ink: #3f2b3a;
  --custom-soft: #71586b;
  --custom-stroke: #eccfde;
  --custom-accent: #ce7fa6;
  --custom-accent-strong: #b96890;
  background: linear-gradient(180deg, #fff6fb 0%, #fdeff7 100%);
  color: var(--custom-ink);
}

.custom-page .grid-overlay {
  background-image: linear-gradient(#f0dce7 1px, transparent 1px),
    linear-gradient(90deg, #f0dce7 1px, transparent 1px);
  opacity: 0.28;
}

.custom-page .light {
  background: radial-gradient(circle, #f4d4e4, #f4d4e400 72%);
}

.custom-page .topbar {
  background: #fff4faeb;
  border-bottom: 1px solid var(--custom-stroke);
}

.custom-page .topbar nav a {
  color: #725a6d;
}

.custom-page .topbar nav a:hover,
.custom-page .topbar nav a.is-active {
  color: #8a4d70;
}

.custom-page .submenu {
  background: #fff9fc;
  border-color: #efd8e4;
  box-shadow: 0 12px 24px #9b5f8420;
}

.custom-page .hero {
  background: transparent;
}

.custom-page .eyebrow {
  color: #9a5078;
}

.custom-page h1,
.custom-page h2,
.custom-page h3 {
  color: #3f2b3a;
}

.custom-page p,
.custom-page li,
.custom-page .lead {
  color: var(--custom-soft);
}

.custom-page .btn {
  background: linear-gradient(135deg, var(--custom-accent), var(--custom-accent-strong));
  border-color: #d287aa;
  color: #fff8fc;
  box-shadow: 0 10px 22px #b9689033;
}

.custom-page .btn:hover {
  background: linear-gradient(135deg, #d48fb0, #bc7297);
}

.custom-page .btn-outline {
  background: #fff9fc;
  border-color: #e9cedc;
  color: #8e4d72;
  box-shadow: none;
}

.custom-page .card {
  background: #fffafcdd;
  border: 1px solid #ecd3e0;
  box-shadow: 0 12px 24px #9c65831f;
}

.custom-showcase {
  display: grid;
  gap: 10px;
}

.custom-page .cta {
  background: #fff8fc;
  border-color: #ebd1df;
  box-shadow: 0 12px 24px #9c65831a;
}