
/* Separate Maryland + Sonar palette study; foundation layout is unchanged. */
:root,.home-page{--paper:#fff;--ink:#252821;--green:#678c47;--muted:#626b59}
body{background:#fff;color:#252821}
.home-page .hero{background-color:#242821}
.hero:before{background:linear-gradient(0deg,#141c0d 0%,transparent 55%)}
.green{background:#c6f729;color:#1b220e;box-shadow:0 4px 9px #678c4730,0 14px 50px #c6f72920}
.green:hover{background:#aacc00}
.tag{color:#626b59;border-color:#cdd6bf}
main .tag:before{background:#a6c64b;box-shadow:0 0 0 2px #c6f7291a,0 0 6px 2px #c6f72960}
.hero .tag{color:#edf3e4;border-color:#ffffff50}
.hero .moods{color:#edf3e4}
.hero .moods :is(button,.trust-item){border-color:#c6f72980;box-shadow:0 0 0 1px #c6f7291a,0 0 12px 2px #c6f72938}
.hero .moods :is(button,.trust-item)[aria-pressed=true]{background:#c6f729;color:#1b220e}
.hero .nav-right .outline:hover,.hero .nav-right .outline:focus-visible{background:#c6f729;border-color:#c6f729;color:#1b220e}
.placeholder-symbol{background:#c6f729}
.home-page .stats strong span{color:#6c765b}
.home-page .stats strong .stat-plus{color:#678c47}
.home-page .home-about em{color:#6c765b}
.home-page .home-about-link{color:#252821}
.home-page .home-about-link span{color:#6c765b}
.home-page .promise-tile{background:#f2f5eb;border-color:#e0e7d6;color:#252821}
.home-page .promise-icon{color:#6c765b}
.home-page .feature-icon{background:#e4ff98}
.home-page #support .feature-icon{color:#344126}
.home-page #support .learn:hover{color:#6c765b}
.home-page .steps li:before{background:#e0e7d6}
.home-page .steps li.active:before{background:#c6f729}
.home-page .steps li.active h3,.home-page .steps li.active .step-icon{color:#6c765b}
.home-page p,.home-page .testimonial blockquote{--muted:#626b59}
.home-page .home-about p,.home-page .promise-tile p,.home-page .steps p,.home-page .testimonial blockquote{color:#626b59}
.home-contact{background:linear-gradient(90deg,#141c0ded,#141c0d80),url('assets/contact-home-optimized.webp') center/cover;color:#edf3e4}
.home-contact .contact-form{background:#e3ff95;color:#252821}
.home-contact .contact-intro>p,.home-contact .phone-slot{color:#edf3e4}
.home-contact .phone-slot strong{color:#fff}
.home-contact .tag{color:#edf3e4}
.home-contact input,.home-contact select{border-color:#aab97d;color:#252821}
.home-contact .preview-note{color:#52603e}
.home-contact .form-status{color:#344126}
.home-footer{background:#141c0d;color:#edf3e4}
.home-footer .footer-grid h3{color:#bac4ac}
.home-footer .footer-grid a:not(.brand),.home-footer .footer-grid button,.home-footer .footer-contact p{color:#e4e9df}
.home-footer .footer-bottom{color:#acb59f}
.home-footer .footer-navigation a:hover,.home-footer .footer-navigation button:hover,.home-footer .footer-legal button:hover{color:#c6f729}
button:focus-visible,a:focus-visible{outline-color:#83a62c}
@media(max-width:760px){.hero:before{background:linear-gradient(0deg,#141c0d 0%,#141c0d99 50%,transparent)}}

/* Extend the retained palette to the matching Roofing comparison. */
.roof-intro{background:#f2f5eb;border-color:#e0e7d6}
.roof-hotspot{background:#c6f729;color:#1b220e;border-color:#fff}
.roof-hotspot[aria-pressed=true]{background:#252821;color:#c6f729;border-color:#c6f729}
.roof-detail .part-count{color:#6c765b}
.hero .nav-right .nav-phone:hover,.hero .nav-right .nav-phone:focus-visible{background:#c6f729;border-color:#c6f729;color:#1b220e}
.roofing-page .roof-visual .roof-hotspot{background:#c6f729;color:#1b220e;border-color:#fff}
.roofing-page .roof-visual .roof-hotspot[aria-pressed=true]{background:#252821;color:#c6f729;border-color:#c6f729}

/* Volt for selected actions; sage and neutral surfaces for reading. */
main .tag:before{background:#678c47;box-shadow:none}
.home-page .steps li.active:before{background:#678c47}
.home-page .home-contact .contact-form{background:#f2f5eb;color:#252821}
.home-page .home-contact .consult-form>.green{background:#678c47;color:#fff;box-shadow:none}
.home-page .home-contact .consult-form>.green:hover{background:#526f39}
.roof-service-row{--green:#678c47}
.roof-service-row>svg{color:#678c47}
.roof-service-row:hover,.roof-service-row:focus-within{background:#e7eddf;border-color:#9aad89}
.roof-service-row:hover h3,.roof-service-row:focus-within h3{color:#252821}
.roof-service-row:hover p,.roof-service-row:focus-within p{color:#4b5543}
.roof-service-row:hover svg,.roof-service-row:focus-within svg,.roof-service-row:hover .service-row-learn,.roof-service-row:focus-within .service-row-learn{color:#526f39}
.roof-service-row .service-row-learn>span{background:#f9f9f5;border-color:#9aad89;color:#526f39}
.roofing-page .roof-visual .roof-hotspot{background:#678c47;color:#fff;border-color:#fff}
.roofing-page .roof-visual .roof-hotspot[aria-pressed=true]{background:#344126;color:#fff;border-color:#fff}
.home-page #support .feature-icon{background:#c6f729;color:#252821}

/* Shared Volt/sage direction: quiet outlines, selective bright actions. */
.hero .moods :is(button,.trust-item){border-color:#c6f72980;box-shadow:none}
body{--green:#678c47;--ink:#252821;--paper:#fff;--muted:#626b59}
.button{background:#c6f729;color:#111;box-shadow:none}
.button:hover{background:#aacc00;color:#111}
.article-header nav .nav-phone{background:transparent;color:#526f39;border-color:#526f3980}
.article-header nav .nav-phone:hover,.article-header nav .nav-phone:focus-visible{background:#c6f729;color:#111;border-color:#c6f729}
.windows-page .roof-visual .roof-hotspot,.siding-page .roof-visual .roof-hotspot{background:#678c47;color:#fff;border-color:#fff}
.windows-page .roof-visual .roof-hotspot[aria-pressed=true],.siding-page .roof-visual .roof-hotspot[aria-pressed=true]{background:#344126;color:#fff}
.home-page .home-contact .green:focus-visible{background:#526f39;color:#fff}
