/* =========================================================
   ECOTECH — site-wide readability pass
   Goal: stronger body-copy contrast without flattening the
   established bold/accent color philosophy.
   ========================================================= */

/* Base body copy: move muted text one step darker. */
body{
  --readable-muted:#53636A;
  --readable-soft:#647278;
  --readable-dark-copy:#D9E2E1;
  --readable-dark-soft:#C8D4D2;
}
body .small,
body p,
body li{
  text-rendering:optimizeLegibility;
}
body .small{
  color:var(--readable-muted);
}

/* HEROES / DARK DETAIL HEADERS
   Preserve colored kickers/headings; strengthen only supporting copy. */
.v3-hero p,
.detail-hero p{
  color:#D4DEDD !important;
}
.v3-hero .v3-hero__lead,
.detail-hero .lead,
.detail-hero .small{
  color:#D4DEDD !important;
}

/* Homepage technology depth: this was one of the places where
   secondary copy could disappear into the dark surface. */
.hp7-tech-depth{
  color:#F4F3EF;
}
.hp7-tech-depth p,
.hp7-tech-depth .v19-proof-line,
.hp7-tech-depth span{
  color:#CBD8D6 !important;
}
.hp7-tech-depth .hp7-kicker{
  color:#9CC7C5 !important;
}
.hp7-tech-depth .hp7-tech-depth__stats span{
  color:#C5D2D0 !important;
}
.hp7-tech-depth .hp7-logo span{
  color:#D2DCDA !important;
}

/* Homepage final CTA / dark CTA surfaces. */
.v3-final{
  color:#F6F5F1;
}
.v3-final p,
.v3-final .small{
  color:#D7E0DE !important;
}
.v3-final .v3-kicker{
  color:#9CC7C5 !important;
}

/* Generic dark CTA bands used on services/technologies. */
.cta-band{
  color:#F6F5F1 !important;
}
.cta-band p,
.cta-band .small{
  color:#D7E0DE !important;
}
.cta-band h3{
  color:#fff !important;
}

/* ABOUT — dark technology section. */
body.about-page-v2 .about-v2-tech{
  color:#F4F3EF;
}
body.about-page-v2 .about-v2-tech p,
body.about-page-v2 .about-v2-tech .about-v2-copy,
body.about-page-v2 .about-v2-tech span{
  color:#D6E0DE !important;
}
body.about-page-v2 .about-v2-tech .about-v2-kicker{
  color:#9CC7C5 !important;
}
body.about-page-v2 .about-v2-tech .about-v2-text-link{
  color:#B7D9D5 !important;
}
body.about-page-v2 .about-v2-tech .about-v2-tech-stat strong{
  color:#F4F3EF !important;
}
body.about-page-v2 .about-v2-tech .about-v2-tech-stat span{
  color:#C9D6D4 !important;
}

/* INDUSTRIES — the six "what changes" items on the dark surface. */
body.industries-v3 .ind-v3-adapt{
  color:#F6F5F1;
}
body.industries-v3 .ind-v3-adapt h2,
body.industries-v3 .ind-v3-adapt strong{
  color:#F6F5F1 !important;
}
body.industries-v3 .ind-v3-adapt p{
  color:#D3DEDC !important;
}
body.industries-v3 .ind-v3-adapt-list span{
  color:#9CC7C5 !important;
}
body.industries-v3 .ind-v3-adapt .ind-v3-kicker{
  color:#9CC7C5 !important;
}

/* Industries dark CTA. */
body.industries-v3 .ind-v3-cta{
  color:#F6F5F1;
}
body.industries-v3 .ind-v3-cta p{
  color:#D7E0DE !important;
}
body.industries-v3 .ind-v3-cta .ind-v3-kicker{
  color:#9CC7C5 !important;
}

/* CONTACT — keep the deliberately dark context panel readable. */
.contact-page .contact-context-v2>p{
  color:rgba(255,255,255,.82) !important;
}
.contact-page .contact-context-v2 .context-flow-v2 span{
  color:rgba(255,255,255,.92) !important;
}
.contact-page .contact-response-v2 small{
  color:rgba(255,255,255,.78) !important;
}

/* FOOTER — stronger secondary copy while keeping the quiet footer look. */
.footer .small{
  color:rgba(255,255,255,.72) !important;
}
.footer .footer-contact{
  color:rgba(255,255,255,.70) !important;
}
.footer .copy{
  color:rgba(255,255,255,.58) !important;
}
.footer a{
  color:rgba(255,255,255,.76);
}
.footer a:hover{
  color:#fff;
}

/* LEGAL / UTILITY PAGES — readable body copy without changing their
   existing headings, buttons or accent colors. */
.legal-page p,
.legal-page li,
.privacy-page p,
.privacy-page li,
.terms-page p,
.terms-page li{
  color:#53636A;
}

/* Any dark surface explicitly marked with section-navy remains
   legible even if individual component styles use muted variables. */
.section-navy,
.section-navy h2,
.section-navy h3,
.section-navy h4{
  color:#F6F5F1;
}
.section-navy p,
.section-navy li,
.section-navy .small{
  color:#D5DFDD !important;
}
.section-navy .kicker{
  color:#9CC7C5 !important;
}

/* Improve general muted copy on the neutral canvas. */
.section-soft p,
.section-soft li,
.eco-visual__copy p,
.eco-visual__copy li{
  color:#53636A;
}
.eco-visual__copy .eco-visual-link{
  color:#315E78;
}

/* Do not weaken labels, bold technology names or colored emphasis. */
strong,b,h1,h2,h3,h4,h5,h6,
.kicker,
.label,
[class*="kicker"],
[class*="accent"],
[class*="title"]{
  text-rendering:optimizeLegibility;
}

/* Mobile: supporting copy remains comfortably readable. */
@media(max-width:800px){
  body{
    font-size:17px;
  }
  .v3-hero p,
  .detail-hero p{
    font-size:16px !important;
    line-height:1.58;
  }
  body.industries-v3 .ind-v3-adapt p{
    font-size:14px;
    line-height:1.55;
  }
  body.about-page-v2 .about-v2-tech p{
    font-size:15px;
    line-height:1.6;
  }
  .footer .small{
    font-size:13px;
    line-height:1.65;
  }
}