/* Step 1: Ensure proper color rendering foundation */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Green button gradients */
.bg-gradient-to-r.from-green-600.to-green-700 {
  background: #16a34a;
  background: linear-gradient(to right, #16a34a, #15803d);
}

.bg-gradient-to-r.from-green-700.to-green-800 {
  background: #15803d;
  background: linear-gradient(to right, #15803d, #166534);
}

/* Orange button gradients */
.bg-gradient-to-r.from-orange-500.to-orange-600 {
  background: #f97316;
  background: linear-gradient(to right, #f97316, #ea580c);
}

.bg-gradient-to-r.from-orange-600.to-orange-700 {
  background: #ea580c;
  background: linear-gradient(to right, #ea580c, #c2410c);
}

/* Hero section background */
.bg-gradient-to-br.from-green-50.via-white.to-blue-50 {
  background: #f0fdf4;
  background: linear-gradient(to bottom right, #f0fdf4, #ffffff, #eff6ff);
}

.bg-gradient-to-br.from-green-50.to-white {
  background: #f0fdf4;
  background: linear-gradient(to bottom right, #f0fdf4, #ffffff);
}

/* Step 3: Ensure key colors are visible */
/* Only override if absolutely necessary */

.bg-green-600 {
  background-color: #16a34a;
}

.bg-green-700 {
  background-color: #15803d;
}

.bg-orange-500 {
  background-color: #f97316;
}

.bg-orange-600 {
  background-color: #ea580c;
}

.text-white {
  color: #ffffff;
}

.text-green-600 {
  color: #16a34a;
}

.text-orange-600 {
  color: #ea580c;
}

/* Step 4: Fix images only */
img {
  -ms-interpolation-mode: bicubic;
}