/* ========================================
   PRISM INFRA DEVELOPERS - THEME CSS (New Layout)
   Based on new reference image: Green, White, Dark Text
   ======================================== */

:root {
  --prism-green: #2e8b57;
  --prism-dark: #212529;
  --prism-light: #ffffff;
  --prism-beige: #faf8e6;
  font-size: 14px;
  line-height: 20px;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--prism-dark);
  background-color: var(--prism-light);
}

.text-dark { color: var(--prism-dark) !important; }
.bg-light { background-color: var(--prism-beige) !important; }

.btn-success {
  background-color: var(--prism-green);
  border-color: var(--prism-green);
  color: white;
}
.btn-success:hover {
  background-color: #287d4c;
  border-color: #287d4c;
}

.hero-banner img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.service-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 8px;
}

.feature-card {
  transition: transform 0.3s ease;
  border: 1px solid #eee;
}

.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

/* Footer */
.footer {
  background-color: var(--prism-light);
  padding: 2rem 0;
  border-top: 1px solid #eee;
}

.footer a {
  color: var(--prism-green);
}
.footer a:hover {
  color: var(--prism-dark);
}

/* Icons */
.feature-card svg {
  fill: var(--prism-green);
}

/* Responsive */
@media (max-width: 768px) {
  .hero-banner h1 { font-size: 2.2rem; }
  .service-card { margin-bottom: 1rem; }
  .feature-card { margin-bottom: 1rem; }
}