/* =====================================================================
   PRAKRITHI — LIGHT THEME (matches the reference screenshot exactly:
   white background, dark-green headings, green/blue/orange accent trio,
   white feature cards with a colored icon, soft mint info strip, dark
   green footer band). Loaded AFTER style.css so these overrides win.
   ===================================================================== */
:root{
  --bg-void:#FFFFFF; --bg-dark:#F6FAF5; --bg-dark2:#EEF6EA;
  --card-dark:#FFFFFF; --card-border:#E3ECDF;
  --accent:#1B7A3C; --accent-deep:#155C2D; --accent-soft:rgba(27,122,60,.08);
  --orange:#D98A2B; --blue:#2E86C1;
  --text-light:#16241A; --text-dim:#5B6B58; --text-faint:#8A9A86;
  --white:#16241A;
}
body{background:var(--bg-void);color:var(--text-light);}
img{filter:none;}

/* Header: white bar, dark logo/links, green CTA pill */
.site-header{background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--card-border);box-shadow:none;}
.nav-links a{color:var(--text-dim);}
.nav-links a:hover,.nav-links a.active{color:var(--accent);}
.nav-links a.active::after{background:var(--accent);}
.nav-toggle span{background:var(--text-light);}
.mobile-nav{background:#fff;}
.mobile-nav a{color:var(--text-light);border-bottom:1px solid var(--card-border);}

/* Kill every hardcoded dark radial-gradient / glass overlay the original
   dark theme relied on — these don't respond to variable remapping. */
[style*="radial-gradient"], .hero, .solutions, .about-split{background-image:none !important;}
.hero{background:linear-gradient(180deg,#F6FAF5 0%,#FFFFFF 100%);}
.solutions{background:var(--bg-void);}
.about-split{background:var(--bg-dark);}

.solution-card, .info-card, .contact-card, .presence-item{
  background:#fff !important;
  border:1px solid var(--card-border) !important;
  box-shadow:0 2px 10px rgba(20,40,25,.05) !important;
}
.solution-card .solution-arrow{background:var(--accent-soft);color:var(--accent);border-color:var(--card-border);}
.solution-card:hover{border-color:var(--accent) !important;}
.solution-card:hover .solution-arrow{background:var(--accent);color:#fff;border-color:var(--accent);}

.col-img{box-shadow:0 20px 50px rgba(20,40,25,.12) !important;}
.social-icons a{border:1px solid var(--card-border) !important;color:var(--text-dim);background:#fff;}
.social-icons a:hover{background:var(--accent);border-color:var(--accent);color:#fff;}

/* CTA buttons */
.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent);}
.btn-primary:hover{background:var(--accent-deep);}
.btn-secondary, .btn-outline{background:transparent;color:var(--text-light);border:1px solid var(--card-border);}
.btn-secondary:hover, .btn-outline:hover{border-color:var(--accent);color:var(--accent);}

/* Footer stays the one deliberately dark band, matching the screenshot */
.site-footer, footer{background:#12291A;color:#CFE0CC;}
.site-footer a, footer a{color:#CFE0CC;}
.footer-visits{color:#9FC79A !important;}

@media (max-width:640px){
  .nav-links{background:#fff;}
}