/* One site-wide palette (owner decision 2026-11-12): navy #13294B, gold #F2B322, cream #FFFAF0.
   Loaded only by regular site pages, after styles.css. Customer estimate pages keep styles.css as-is (decision 0001). */
:root{--ochre:#F2B322;--ochre-hover:#D99C12;--brand-blue:#13294B;--brand-blue-mid:#1E3A64;--brand-blue-deep:#0C1B33;--blue-bright:#2B5591;--cream:#FFFAF0;--gold-text:#8A6100}
/* Generated: rules in styles.css that hard-code the old navy/ochre, recolored. */
.hero-overlay{background:
    linear-gradient(135deg, rgba(12,27,51, 0.78) 0%, rgba(19,41,75, 0.68) 45%, rgba(30,58,100, 0.60) 100%),
    linear-gradient(90deg, rgba(44, 43, 40, 0.40) 0%, rgba(44, 43, 40, 0.18) 50%, rgba(44, 43, 40, 0.28) 100%)}
.hero-badge{background: rgba(242,179,34,0.22)}
input:focus, select:focus, textarea:focus{box-shadow: 0 0 0 3px rgba(19,41,75,0.18)}
.project-body .tag{background: rgba(19,41,75,0.08)}
.placeholder-label{background: rgba(242,179,34,0.15)}
.service-map{background:
    linear-gradient(135deg, rgba(19,41,75,0.06) 0%, rgba(242,179,34,0.08) 100%),
    repeating-linear-gradient(0deg, transparent, transparent 24px, rgba(19,41,75,0.04) 24px, rgba(19,41,75,0.04) 25px),
    repeating-linear-gradient(90deg, transparent, transparent 24px, rgba(19,41,75,0.04) 24px, rgba(19,41,75,0.04) 25px)}
.map-pins .pin{box-shadow: 0 2px 8px rgba(19,41,75,0.25)}
.reviews-cta-block .placeholder-label{background: rgba(242,179,34,0.12)}
@media (max-width: 639px){.phone-link:hover, .phone-link:active{background: #D99C12}}
.hr-hero.has-photo::after{background: linear-gradient(90deg, rgba(19,41,75,0.88) 0%, rgba(19,41,75,0.7) 45%, rgba(19,41,75,0.25) 100%)}
.fpe-phone{box-shadow: 0 24px 50px rgba(19,41,75,0.22)}
.hero-sample-btn{border:1.5px solid #F2B322;background:rgba(19,41,75,.55)}
.hero-sample-btn:hover{background:#F2B322;color:#13294B}
.hero-sample-btn:hover em{color:#13294B}
.addr-suggest-list{box-shadow: 0 14px 32px rgba(19,41,75, 0.22)}
/* Phones: same header as the homepage (gold call circle, 44px menu button). */
@media (max-width:900px){
 .site-header .header-actions .phone-link{position:relative;width:44px;height:44px;padding:0;border-radius:50%;background:#F2B322;color:#13294B;justify-content:center}
 .site-header .header-actions .phone-link svg{width:20px;height:20px}
 .site-header .header-actions .phone-link .phone-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .site-header .header-actions .menu-toggle{width:44px;height:44px;border-color:rgba(255,255,255,.45)}
}
/* Gold text on light backgrounds uses a deeper gold so it stays readable (WCAG AA). */
html .eyebrow,html .project-hero .eyebrow,html .ph-pub-eyebrow,html .hr-eyebrow{color:var(--gold-text)}
a.btn.btn-google{color:var(--charcoal)}