/* Text contrast corrections shared by every page, loaded after page styles. */
:root {
  --muted: #4c6077;
  --gold-text: #271b06;
  --gold-ink: #78581a;
  --link-ink: #086b9f;
}
[data-theme="dark"] {
  --muted: #c0cfdf;
  --gold-text: #271b06;
  --gold-ink: #e4bd67;
  --link-ink: #77d0ff;
}

/* Product pages also load style.css; its generic .lead must not dim hero copy. */
:is(.pd-top,.ab-hero,.page-hero,.hero) .lead,
.page-hero .page-lead {
  color: #e1edf9;
}
:root :is(.pd-top,.ab-hero,.page-hero,.hero) :is(.crumbs,.page-crumbs,.breadcrumb),
:root :is(.pd-top,.ab-hero,.page-hero,.hero) :is(.crumbs,.page-crumbs,.breadcrumb) a {
  color: #d5e5f5 !important;
}
.eyebrow,
.eyebrow.dark-text,
:root .page-eyebrow,
#product-documents .product-docs-label,
.gpd-num,
.gpd-num span,
:root .project-photo-number {
  color: var(--gold-ink);
}
:root .lph { color: var(--gold-ink) !important; }
:root :is(.pd-top,.ab-hero,.page-hero,.hero) :is(.eyebrow,.page-eyebrow),
.process .eyebrow {
  color: #edc977;
}
.muted { color: var(--muted); }
:root :is(input,textarea)::placeholder { color: var(--muted); opacity: 1; }

/* Bright blue remains a button/accent colour; prose links use a darker ink. */
main :is(p,li,td,dd,figcaption) a:not(.btn):not(.pcard),
main a.more,
main summary,
.page-resources a,
.local-quote-guide,
.map-link,
.map-caption,
.search-link,
.uae-project-case-copy a,
.uae-project-read,
.legal-body a,
#project-stories a,
#installed-equipment a,
.btn-view,
:root .project-location-label,
.install-meta {
  color: var(--link-ink) !important;
}
.benefit h3,
.feat h3,
.legal-sec h2,
.step-card h3,
.stage-card h3 {
  color: var(--text);
}
.whatsapp-btn,
.btn-wa {
  background: #087b43 !important;
  color: #fff !important;
}
.btn-view:hover { background: var(--navy); color: #fff !important; }
