:root {
  --emerald-dark: #0f3d2e;
  --emerald: #1e6f4d;
  --emerald-light: #b6dec5;
  --soft-ivory: #f3efe6;
  --gold: #c8a85e;
}

body.theme-jivana {
  background: var(--soft-ivory);
  color: var(--emerald-dark);
  font-family: 'Crimson Text', serif;
}

body.theme-jivana .header {
  --background-color: transparent;
  --default-color: var(--soft-ivory);
  --heading-color: var(--soft-ivory);
  background: radial-gradient(circle at top, rgba(30, 111, 77, 0.95), rgba(15, 61, 46, 0.9));
  border-bottom: none;
}

body.scrolled.theme-jivana .header {
  --background-color: transparent;
  background: radial-gradient(circle at top, rgba(30, 111, 77, 0.95), rgba(15, 61, 46, 0.9));
}

.text-gold {
  color: var(--gold) !important;
}

.text-soft-ivory {
  color: var(--soft-ivory) !important;
}

.text-emerald-dark {
  color: var(--emerald-dark) !important;
}

.text-emerald-light {
  color: var(--emerald-light) !important;
}

.emerald-hero {
  background: radial-gradient(circle at top, rgba(30, 111, 77, 0.95), rgba(15, 61, 46, 0.9));
  color: var(--soft-ivory);
}

.soft-emerald {
  background-color: rgba(182, 222, 197, 0.25);
}

.deep-emerald {
  background-color: rgba(15, 61, 46, 0.95);
  color: var(--soft-ivory);
}

.luminous-emerald {
  background: linear-gradient(135deg, rgba(30, 111, 77, 0.85), rgba(200, 168, 94, 0.4));
  color: var(--soft-ivory);
}

.shadow-gold {
  box-shadow: 0 18px 40px rgba(200, 168, 94, 0.25);
}

.shadow-leaf {
  box-shadow: 0 18px 40px rgba(30, 111, 77, 0.35);
}

.hero-jar {
  border-radius: 24px;
}

.about-img img {
  max-width: 520px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.btn-order,
.btn-get-started {
  background: var(--gold);
  border: 2px solid var(--gold);
  color: var(--emerald-dark);
  display: inline-block;
  padding: 12px 48px;
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: 0.04em;
  transition: background 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.btn-order:hover,
.btn-get-started:hover {
  background: #ddc375;
  border-color: #ddc375;
  color: var(--emerald-dark);
  transform: translateY(-2px);
}

.pricing-item.featured {
  background: rgba(243, 239, 230, 0.95);
  border: 1px solid rgba(200, 168, 94, 0.35);
}

.scroll-top {
  background: var(--emerald);
  color: var(--soft-ivory);
}

.scroll-top:hover {
  background: var(--gold);
  color: var(--emerald-dark);
}

@media (max-width: 991.98px) {
  body.theme-jivana {
    font-size: 0.95rem;
  }
  .hero-jar {
    width: 100%;
    max-width: 320px;
  }
}