/* Light grey colour scheme — loaded after each page's inline styles */
:root{
  --primary:#4b5563;
  --dark:#5b6470;
  --darker:#4b5563;
  --light:#f5f6f8;
  --cream:#eceef1;
  --text:#2b3037;
  --muted:#626a74;
  --primary-10:rgba(75,85,99,0.10);
  --grey-1:#f5f6f8;
  --grey-2:#e9ecef;
  --grey-3:#dde1e6;
  --ink:#2b3037;
  --ink-soft:#5a626c;
  --line:rgba(43,48,55,0.12);
}

/* Photo heroes: lighter overlay, darkest on the text side only */
.hero,.page-hero,.contact-hero{
  background-image:linear-gradient(90deg,rgba(24,27,32,0.62) 0%,rgba(24,27,32,0.38) 55%,rgba(24,27,32,0.12) 100%),var(--hero-img)!important;
}
.hero{--hero-img:url('/assets/hero-walk-in-marble.jpg')}
.page-hero{--hero-img:url('/assets/rainfall-shower-niche.jpg')}
.contact-hero{--hero-img:url('/assets/walk-in-shower-grey.jpg')}

/* Navigation */
nav{background:var(--grey-1);border-bottom:1px solid var(--line)}
nav.scrolled{background:rgba(245,246,248,0.96);box-shadow:0 4px 20px rgba(43,48,55,0.08)}
.nav-wordmark{color:var(--ink)}
.nav-links a{color:var(--ink-soft)}
.nav-links a:hover,.nav-links a.active{color:var(--ink)}
.burger span{background:var(--ink)}
.mobile-menu{background:var(--grey-1)}
.mobile-menu a{color:var(--ink)}
.mobile-menu .mob-cta{color:#fff}

/* Trust strip */
.trust-bar{background:var(--grey-2);border-bottom:1px solid var(--line)}
.trust-item{color:var(--ink)}

/* Former navy sections */
.services-section,.svc-grid-section,.included-section,.fb-section,.social-section{background:var(--grey-2)}
.services-head h2,.svc-grid-head h2,.included-text h2,.fb-section h2,.social-inner h2{color:var(--ink)}
.svc-grid-head p,.services-head p,.included-text p,.fb-section p,.social-inner p{color:var(--ink-soft)!important}
.services-ghost,.svc-grid-ghost,.included-ghost,.fb-ghost,.social-ghost{color:rgba(43,48,55,0.035)}
.fb-badge,.fb-recommend{background:#fff;color:var(--ink)}

/* Photo card shading: neutral charcoal, only behind the text */
.service-card-overlay,.svc-card-overlay{background:linear-gradient(to top,rgba(28,31,36,0.82) 0%,rgba(28,31,36,0.25) 45%,transparent 70%)}
.process-img::after{background:linear-gradient(to top,rgba(28,31,36,0.45) 0%,transparent 60%)}
.gallery-item:hover .gallery-item-overlay{background:rgba(28,31,36,0.3)}

/* Home: process cards */
.process-body{background:#fff}
.process-body h3{color:var(--ink)}
.process-body p{color:var(--ink-soft)}

/* Services: included checklist */
.included-item{background:#fff;border-color:var(--line)}
.included-item-text{color:var(--ink-soft)}
.included-item-text strong{color:var(--ink)}
.process-num{background:#fff}

/* Contact card */
.contact-card{background:var(--grey-2);color:var(--ink);border:1px solid var(--line)}
.contact-card h3,.contact-item-value,.contact-item-value a{color:var(--ink)}
.contact-item-label{color:var(--ink-soft)}
.contact-item-sub{color:var(--ink-soft)}
.contact-card-divider{border-top-color:var(--line)}
.contact-card-ghost{display:none}
.contact-ghost,.about-ghost,.areas-ghost{color:rgba(43,48,55,0.03)}
.trust-note{color:var(--ink-soft)}
.ccard-btn-wa{color:#128c4a}
.ccard-btn-wa svg{fill:#128c4a}
.ccard-btn-fb{color:#1464d0}
.ccard-btn-fb svg{fill:#1464d0}

/* Footer */
footer{background:var(--grey-3)}
.footer-wordmark,.footer-col h4{color:var(--ink)}
.footer-col h4{border-bottom-color:var(--line)}
.footer-brand p,.footer-col ul li a,.footer-contact-item,.footer-contact-item a{color:var(--ink-soft)}
.footer-social a{border-color:rgba(43,48,55,0.2)}
.footer-social svg{fill:var(--ink-soft)}
.footer-bottom{border-top-color:var(--line)}
.footer-bottom p,.footer-bottom a{color:var(--ink-soft)}
.footer-col ul li a:hover,.footer-contact-item a:hover,.footer-bottom a:hover{color:var(--secondary)}