/* Gold background (luxury look) */
.bg-gold {
  background: linear-gradient(
    135deg,
    #3b2a00 0%,
    #8a6b00 18%,
    #f6e27a 35%,
    #d4af37 55%,
    #fff2b2 70%,
    #b8870b 85%,
    #3b2a00 100%
  );
  background-size: 160% 160%;
  animation: goldShine 6s ease-in-out infinite;
}

/* Optional: for text readability */
.bg-gold--overlay {
  position: relative;
}
.bg-gold--overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 15%, rgba(255,255,255,.22), transparent 45%),
              radial-gradient(circle at 80% 35%, rgba(255,255,255,.12), transparent 50%),
              linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.25));
  pointer-events: none;
}
.bg-gold--overlay > * {
  position: relative;
  z-index: 1;
}

@keyframes goldShine {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}









/* Pearl white background (luxury look) */
.bg-pearl {
  background: linear-gradient(
    135deg,
    #fdfefe 0%,
    #f3f5f6 18%,
    #ffffff 32%,
    #e9ecef 48%,
    #ffffff 62%,
    #f0f2f4 78%,
    #fdfefe 100%
  );
  background-size: 160% 160%;
  animation: pearlShine 6s ease-in-out infinite;
}

/* Optional: for text readability */
.bg-pearl--overlay {
  position: relative;
}
.bg-pearl--overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 15%, rgba(239, 238, 238, 0.739), transparent 50%),
    radial-gradient(circle at 80% 35%, rgba(255, 255, 255, 0.737), transparent 45%),
    linear-gradient(
      180deg,
      rgba(222, 222, 222, 0.05),
      rgba(223, 223, 223, 0.12)
    );
  pointer-events: none;
}
.bg-pearl--overlay > * {
  position: relative;
  z-index: 0;
}

@keyframes pearlShine {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}