/* Bâtisseurs Pérenne palette derived from the brand mark. */
:root{--gold:#f2b51d;--brand-gold:#f2b51d;--brand-gold-dark:#9a7116;--ink:#171717;--navy:#000;--cream:#f7f6f1;--brand-gray:#767676;--brand-gray-light:#d5d5d5}
body{background:var(--cream);color:var(--ink)}

/* Brand gold is reserved for emphasis, actions and section markers. */
h1 em,h2 em,.eyebrow.gold,.gold,.project-tile h3,.projects .project-card h3{color:var(--brand-gold-dark)}
.hero h1 em,.hero h2 em,.who-we-are h2 em,.estimate-spotlight h2 em,.residential-service-feature h3 em,.contact-intro h2 em{color:var(--brand-gold)}
.button-gold,.header-cta,.hero-estimate{background:var(--brand-gold)!important;color:#171717!important}
.project-tile p,.project-card-copy span,.index-service-card span,.estimate-services span,.service-card span{color:var(--brand-gold)}

/* Neutral grays mirror the wordmark's secondary typography. */
.lead,.who-we-are-detail,.estimate-spotlight .estimate-heading>p,.main-contact-lead,.main-contact-direct span,.estimate-success div>p:not(.eyebrow){color:var(--brand-gray-light)}
.gallery-intro,.services-action,.section-heading>p,.estimate-heading>p,.form-submit p,.estimate-form small,.contact-assurance{color:var(--brand-gray)}
footer .footer-brand p,.copyright{color:#b0b0b0}

/* Keep dark presentation blocks consistently black rather than blue-black. */
.who-we-are,.estimate-spotlight,.residential-service-feature,.approach,.cta,footer{background:#000}
.main-contact-card{color:#171717}

/* Gold over light surfaces needs the deeper brand tone for readable contrast. */
.project-modal .modal-kicker,.residential-modal-kicker,.residential-modal-location,.project-card h3{color:var(--brand-gold-dark)}

/* Image-led project cards need the brighter gold for strong contrast. */
.projects .project-card h3,.project-tile h3{color:var(--brand-gold)}