/* Opción verde para Las Cuencas Cuentan 6.
   Usa el tema base + paleta verde + estilos header/footer específicos. */

:root {
  --lcc-ink: #184e49;
  --lcc-link: #2c7b6c;
  --lcc-link-hover: #75bcc0;
  --lcc-bg: #dce6de;
  --lcc-top-accent: #a6e2d1;
  --lcc-top-accent-bg: #113834;
  --lcc-border: #cbd4c7;
  --lcc-soft-bg: #f5f7f9;
  --lcc-pagetop-bg: #a6e2d1;
  --lcc-pagetop-border: #75bcc0;
}

/* Header y footer específicos para opción verde */
.tiki-top-nav-light, .tiki-topbar-nav-light {
  --tiki-top-bg: #184e49;
  --tiki-top-color: #ffffff;
  --tiki-top-hover-color: #a6e2d1;
  --tiki-top-active-color: #ffffff;
  --tiki-top-hover-bg: #113834;
  --tiki-top-active-bg: #113834;
  --tiki-topbar-bg: #184e49;
  --tiki-topbar-color: #ffffff;
  --tiki-topbar-hover-color: #a6e2d1;
  --tiki-topbar-active-color: #ffffff;
  --tiki-topbar-hover-bg: #113834;
  --tiki-topbar-active-bg: #113834;
}

/* Footer específico para opción verde */
footer#footer, #cfooter {
  background-color: #184e49 !important;
  color: #ffffff !important;
  border-top: none !important;
  padding: 2rem 0;
}

#cfooter *, footer#footer * {
  color: #ffffff !important;
}

/* Links del header en blanco sobre fondo verde */
.top_modules .navbar-nav .nav-link, .top_modules .navlink,
.top_modules .navbar-brand, .top_modules .navbar-text, 
.sitetitle, .sitetagline, .sitesubtitle,
body.tiki h1.sitetitle, body.tiki h2.sitetitle, body.tiki h1.sitesubtitle,
body.tiki h2.sitetagline, body.tiki h3.sitetagline, body.tiki h2.sitesubtitle {
  color: #ffffff !important;
}

.tiki-top-nav-light span, .tiki-top-nav-light p, .tiki-topbar-nav-light span, .tiki-topbar-nav-light p {
  color: #ffffff !important;
}

.tiki-top-nav-light a, .tiki-topbar-nav-light a {
  color: #ffffff !important;
}

.tiki-top-nav-light a:hover, .tiki-topbar-nav-light a:hover,
.top_modules .navbar-nav .nav-link:hover, .top_modules .navlink:hover,
.top_modules .navbar-brand:hover {
  color: #a6e2d1 !important;
}

/* Inputs y dropdowns con texto oscuro */
.tiki-topbar-nav-light input, .tiki-top-nav-light input, 
.dropdown-menu *, .dropdown-item {
  color: #184e49 !important;
}

/* Fondo específico del body para opción verde */
body.tiki {
  background-color: #dce6de !important;
  background-image: none !important;
}