/* INB Solution white navigation + Eco Pastel Green, 2026-10-22.
   Keep original css/styles.css and all project image paths unchanged. */
/* INB Solution — Eco Pastel Green (B) | 2026-10-22
   Original HTML and image paths remain unchanged.
   Theme is loaded AFTER each page's original embedded styles. */
:root {
  --inb-navy:#205C37; --inb-blue:#348B52; --inb-pale:#F7FBEF;
  --navy:#205C37; --blue:#348B52; --pale:#F7FBEF;
  --bs-primary:#348B52; --bs-primary-rgb:52,139,82;
  --bs-link-color:#287B49; --bs-link-hover-color:#205C37;
  --inb-forest:#205C37; --inb-green:#348B52; --inb-lime:#8FCF79;
  --inb-pastel:#E3F4D7; --inb-cream:#F7FBEF; --inb-border:#D5E8D0;
}
body { color:#334A3A; }
.navbar, .navbar.bg-dark { background:#287B49!important; }
.navbar .nav-link { color:rgba(255,255,255,.86)!important; }
.navbar .nav-link:hover, .navbar .nav-link:focus,
.navbar .nav-link.active { color:#fff!important; }
.navbar .nav-link.active { text-decoration:underline; text-decoration-color:#BDE6A7; text-underline-offset:7px; }
.navbar .navbar-toggler { border-color:rgba(255,255,255,.45); }
.hero, .hero-about { background:linear-gradient(115deg,#205C37 0%,#348B52 65%,#5AA66D 100%)!important; color:#fff!important; }
.hero .lead, .hero-about .lead { color:#E7F5E5!important; }
.hero p[style*="color:"], .hero-about p[style*="color:"] { color:#E2F5D9!important; }
.soft, .soft-section, .bg-light { background:#F7FBEF!important; }
.section-title, .service-card h3, .info-card h3, .feature-card h3,
.feature h3, .project-card h3, .project h3, .metric h3, .step h3,
.arch-node strong, .arch-band, .profile-figure h3, .detail-card h2 { color:#205C37!important; }
.eyebrow, .section-eyebrow, .service-link, .feature-list i,
.feature .bi, .metric, .project-card .period, .timeline-item .year,
.arch-arrow, .detail-value a { color:#287B49!important; }
.service-icon, .info-card i, .feature-card .bi, .step-num,
.tag, .project-tag, .partner-label { background:#E3F4D7!important; color:#287B49!important; }
.service-card, .info-card, .feature-card, .feature, .project-card,
.project, .detail-card, .arch, .visual, .visual-frame, .profile-figure {
  border-color:#D5E8D0!important;
  box-shadow:0 6px 22px rgba(32,92,55,.045)!important;
}
.service-card:hover, .service-card:focus { border-color:#8FCF79!important; box-shadow:0 12px 26px rgba(32,92,55,.11)!important; }
.cta, .accent, .accent-panel { background:linear-gradient(120deg,#205C37,#398E53)!important; color:#fff!important; }
.cta p, .accent p, .accent li, .accent-panel p { color:#E6F5E4!important; }
.accent .bi { color:#C4EDB4!important; }
.project-card { border-color:#D5E8D0!important; }
.project-card .project-photo, .project-card .project-photo figcaption { background:#F1F8EC!important; border-color:#D5E8D0!important; }
.project-card .project-photo img { /* preserve original image crop and aspect settings */ }
.project-tag, .project-card .tag { color:#287B49!important; background:#E3F4D7!important; }
.timeline-item { border-left-color:#B9DCAB!important; }
.timeline-item:before, .step:before { background:#348B52!important; }
.process { border-left-color:#B9DCAB!important; }
.arch-node { border-color:#D5E8D0!important; background:#F7FBEF!important; }
.arch-band { background:#E3F4D7!important; }
.metric { border-top-color:#348B52!important; }
.profile-figure .source, .visual figcaption { color:#5E7963!important; }
.visual img { background:#F7FBEF!important; }
.partner-label { border-color:#B9DCAB!important; }
.site-footer, .foot, footer.bg-dark { background:#205C37!important; color:#E5F2E4!important; }
.site-footer a, .foot a, footer.bg-dark a { color:#E5F2E4!important; }
.site-footer a:hover, .foot a:hover { color:#fff!important; }
.btn-primary, .bg-primary { background-color:#348B52!important; border-color:#348B52!important; }
.btn-primary:hover, .btn-primary:focus { background-color:#287B49!important; border-color:#287B49!important; }
.btn-outline-primary { border-color:#348B52!important; color:#287B49!important; }
.btn-outline-primary:hover { background:#348B52!important; color:white!important; }
.btn-light { background:#E3F4D7!important; color:#205C37!important; border-color:#E3F4D7!important; }
.btn-light:hover { background:#CBE8BA!important; border-color:#CBE8BA!important; }
.btn-outline-light:hover { color:#205C37!important; background:#F7FBEF!important; }
.text-primary { color:#348B52!important; }
a:not(.btn):not(.nav-link):not(.navbar-brand):not(.service-card) { --bs-link-color:#287B49; }
:focus-visible { outline:3px solid #8FCF79; outline-offset:3px; }
@media(prefers-reduced-motion:reduce) { .service-card, .project-card .project-photo img { transition:none!important; } }

/* White header overrides: all six pages */
.navbar.inb-white-header, .navbar.inb-white-header.bg-dark {background:#fff!important; color:#303A32!important; border-bottom:1px solid #e5ebe5!important; box-shadow:0 2px 14px rgba(32,92,55,.055)!important; position:relative; z-index:100;}
.navbar.inb-white-header .navbar-brand {margin-right:1.5rem;}
.navbar.inb-white-header .inb-logo {height:62px!important; width:auto!important; max-width:180px!important; object-fit:contain!important;}
.navbar.inb-white-header .nav-link {color:#303A32!important; font-weight:600; font-size:1rem; letter-spacing:-.025em; padding:.9rem .62rem!important; text-decoration:none!important; border-bottom:3px solid transparent; transition:color .18s,border-color .18s;}
.navbar.inb-white-header .nav-link:hover,.navbar.inb-white-header .nav-link:focus {color:#287B49!important; border-bottom-color:#9ccc88;}
.navbar.inb-white-header .nav-link.active {color:#246C3D!important; border-bottom-color:#348B52!important; text-decoration:none!important;}
.navbar.inb-white-header .navbar-toggler {border:1px solid #d5e8d0!important; color:#205C37!important;}
.navbar.inb-white-header .navbar-toggler-icon {filter:none!important;}
/* Light hero based on approved design, preserve page structure */
body:has(.inb-white-header) .hero, body:has(.inb-white-header) .hero-about {background:linear-gradient(112deg,#F1FAE9 0%,#E6F5DE 60%,#D9EEDB 100%)!important; color:#173B27!important;}
body:has(.inb-white-header) .hero h1,body:has(.inb-white-header) .hero-about h1 {color:#174D38!important;}
body:has(.inb-white-header) .hero .lead,body:has(.inb-white-header) .hero-about .lead {color:#415E49!important;}
body:has(.inb-white-header) .hero .eyebrow,body:has(.inb-white-header) .hero-about .eyebrow {color:#287B49!important;}
body:has(.inb-white-header) .hero p[style*="color:"],body:has(.inb-white-header) .hero-about p[style*="color:"] {color:#415E49!important;}
body:has(.inb-white-header) .hero .btn-outline-light {color:#287B49!important;border-color:#348B52!important;}
body:has(.inb-white-header) .hero .btn-outline-light:hover {color:#fff!important;background:#348B52!important;}
body:has(.inb-white-header) .hero .hero-photo {border-radius:18px;box-shadow:0 16px 40px rgba(32,92,55,.12);}
@media(max-width:991.98px){.navbar.inb-white-header .inb-logo{height:48px!important}.navbar.inb-white-header .nav-link{padding:.7rem .3rem!important;border-bottom:0!important;border-left:3px solid transparent}.navbar.inb-white-header .nav-link.active{border-left-color:#348B52!important;background:#f1f8ed}.navbar.inb-white-header .navbar-collapse{padding:.5rem 0 1rem}}
@media(min-width:992px) and (max-width:1200px){.navbar.inb-white-header .nav-link{font-size:.9rem;padding:.85rem .38rem!important}.navbar.inb-white-header .inb-logo{height:52px!important}}