/* ===== General Body ===== */
body {
  background-color: #fff9f5;  /* serene, pure */
  color: #5c5c70;            /* softer gray for text */
  font-family: 'Newsreader', serif;
  margin: 0;
  padding: 0;
  transition: background-color 0.3s, color 0.3s;
}

/* ===== Section Styling ===== */
section {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
section:nth-child(even) {
  background-color: #fbeae8; /* alternate blush aura */
}

/* Header Section */
header#home {
  background: linear-gradient(to bottom, #fff9f5, #fbeae8);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* ===== Decorative Divider (subtle devotional) ===== */
.floral-border {
  width: 160px;
  height: 3px;
  background: linear-gradient(to right, transparent, #d05a91, transparent);
  margin: 0.75rem auto 1rem;
  border-radius: 3px;
}

/* ===== Scroll to Top Button ===== */
#goTopBtn {
  background: #d05a91;
  color: #fff;
}
#goTopBtn:hover {
  background: #d63384;
  box-shadow: 0 0 12px rgba(208, 90, 145, 0.7);
}

/* ===== Headings ===== */
h1, h2, h3, h4, h5, h6 {
  color: #c94f89 !important;  /* softer magenta for devotion */
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

/* ===== Links ===== */
a {
  color: #d05a91;
  text-decoration: none;
}

/* ===== Custom Scrollbar ===== */
::-webkit-scrollbar {
  width: 12px;               /* width of vertical scrollbar */
  height: 12px;              /* height of horizontal scrollbar */
}

::-webkit-scrollbar-track {
  background: #fff9f5;       /* serene, matches body */
  border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #d05a91, #c94f89); /* pink-magenta gradient */
  border-radius: 6px;
  border: 3px solid #fff9f5; /* padding effect around thumb */
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #c94f89, #d63384);
  box-shadow: 0 0 8px rgba(208, 90, 145, 0.5);
}

/* Optional: For Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #d05a91 #fff9f5;
}