/* ===================================
   GREEN COLOR PALETTE & BACKGROUNDS
   =================================== */

/* ===================================
   PAGE BACKGROUND COLORS
   =================================== */

/* Light page backgrounds */
.page-bg-light-green {
  background-color: #e8f5e9;
}

.page-bg-mint {
  background-color: #f1f8f4;
}

.page-bg-sage {
  background-color: #e8f0e8;
}

/* Medium page backgrounds */
.page-bg-soft-green {
  background-color: #c8e6c9;
}

.page-bg-meadow {
  background-color: #a5d6a7;
}

/* Apply to body for full page effect */
body.green-theme {
  background-color: #e8f5e9;
  color: #1b5e20;
}

/* ===================================
   SECTION/COMPONENT BACKGROUNDS
   =================================== */

/* Light greens */
.bg-light-green {
  background-color: #e8f5e9;
  color: #1b5e20;
}

.bg-mint {
  background-color: #d4edda;
  color: #155724;
}

.bg-pale-green {
  background-color: #c8e6c9;
  color: #2e7d32;
}

/* Medium greens */
.bg-green {
  background-color: #81c784;
  color: #ffffff;
}

.bg-forest {
  background-color: #66bb6a;
  color: #ffffff;
}

.bg-emerald {
  background-color: #4caf50;
  color: #ffffff;
}

/* Dark greens */
.bg-dark-green {
  background-color: #388e3c;
  color: #ffffff;
}

.bg-forest-dark {
  background-color: #2e7d32;
  color: #ffffff;
}

.bg-hunter-green {
  background-color: #1b5e20;
  color: #ffffff;
}

/* ===================================
   GRADIENT BACKGROUNDS
   =================================== */

.bg-gradient-green {
  background: linear-gradient(135deg, #81c784 0%, #4caf50 100%);
  color: #ffffff;
}

.bg-gradient-forest {
  background: linear-gradient(135deg, #66bb6a 0%, #2e7d32 100%);
  color: #ffffff;
}

.bg-gradient-mint {
  background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
  color: #1b5e20;
}

.bg-gradient-lime {
  background: linear-gradient(135deg, #aed581 0%, #689f38 100%);
  color: #ffffff;
}

/* ===================================
   TEXT COLORS (to use with backgrounds)
   =================================== */

.text-green {
  color: #4caf50;
}

.text-dark-green {
  color: #2e7d32;
}

.text-forest {
  color: #1b5e20;
}

.text-white {
  color: #ffffff;
}

/* ===================================
   BORDER COLORS
   =================================== */

.border-green {
  border: 2px solid #4caf50;
}

.border-dark-green {
  border: 2px solid #2e7d32;
}

.border-light-green {
  border: 2px solid #81c784;
}

/* ===================================
   HOVER EFFECTS
   =================================== */

.bg-green-hover:hover {
  background-color: #66bb6a;
  transition: background-color 0.3s ease;
}

.bg-dark-green-hover:hover {
  background-color: #2e7d32;
  transition: background-color 0.3s ease;
}

/* ===================================
   CARD STYLES WITH GREEN THEME
   =================================== */

.card-green {
  background-color: #ffffff;
  border: 2px solid #81c784;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.1);
}

.card-green-solid {
  background-color: #e8f5e9;
  border: none;
  border-radius: 8px;
  padding: 20px;
  color: #1b5e20;
}