/* ===========================
   🌿 GREEN + LIGHT CREAM THEME
=========================== */

body {
  background: linear-gradient(180deg, #fffce8, #f3f7e8);
  font-family: "Poppins", sans-serif;
  color: #1f2937;
}

/* HERO */
.hero {
  background: url("https://images.unsplash.com/photo-1499750310107-5fef28a66643") center/cover no-repeat;
}

.hero-bg-overlay {
  background: rgba(8, 40, 10, 0.75);
}

/* BUTTONS */
.btn-success {
  background: #2f8f2f !important;
  border-color: #2f8f2f !important;
}

.btn-success:hover {
  background: #256b25 !important;
  border-color: #256b25 !important;
}

/* TEXT COLORS */
.text-primary {
  color: #2f8f2f !important;
}

.text-muted {
  color: #4b5563 !important;
}

/* ABOUT CARD */
.about-card {
  background: #f7ffe6 !important;
  border: 1px solid #d6f5b1 !important;
}

.about-title {
  color: #145214 !important;
}

.about-text {
  color: #374151 !important;
}

.about-urdu {
  color: #145214 !important;
}

/* CARD MODERN */
.card-modern {
  background: #ffffff !important;
  border: 1px solid #e4f7c5 !important;
}

.card-modern h5 {
  color: #145214 !important;
}

.card-modern p {
  color: #4b5563 !important;
}

/* TRENDING */
.trending-card {
  border: 1px solid #d6f5b1 !important;
}

.trending-card .overlay {
  background: linear-gradient(to top,
      rgba(10, 60, 10, 0.85),
      rgba(10, 60, 10, 0.4),
      transparent) !important;
}

/* CATEGORY CARD */
.category-card {
  background: #e6ffd8 !important;
  border: 1px solid #b9f3a0 !important;
  color: #145214 !important;
}

.category-card:hover {
  background: #2f8f2f !important;
  color: #ffffff !important;
}

/* LATEST BLOG IMAGE BOX */
.latest-blog-img-box {
  background: #f7ffe6 !important;
  border: 1px solid #d6f5b1 !important;
}

/* STATS SECTION */
.stats {
  background: linear-gradient(135deg, #b9f3a0, #2f8f2f) !important;
}

.stats h2 {
  color: #083b08 !important;
}

.stats p {
  color: #083b08 !important;
  font-weight: 600;
}

/* WHY READ CARD */
.why-read-card {
  background: #f7ffe6 !important;
  border: 1px solid #b9f3a0 !important;
  color: #145214 !important;
}

.why-read-card h5 {
  color: #145214 !important;
}

.why-read-card p {
  color: #4b5563 !important;
}

/* BADGES */
.badge.bg-danger {
  background: #2f8f2f !important;
}

/* LINKS */
a {
  color: #2f8f2f;
}

a:hover {
  color: #256b25;
}

/* SHADOW SOFT GREEN */
.card-modern,
.trending-card,
.latest-blog-img-box,
.about-card,
.why-read-card {
  box-shadow: 0 10px 28px rgba(20, 100, 20, 0.12) !important;
}

/* HOVER SHADOW */
.card-modern:hover,
.trending-card:hover,
.latest-blog-img-box:hover,
.about-card:hover,
.why-read-card:hover {
  box-shadow: 0 22px 45px rgba(20, 100, 20, 0.20) !important;
}