/* Green sampled from the CAP logo. Blue remains the supporting brand colour. */
.design-2026{
 --brand-green:#8bbf44;
 --brand-green-hover:#9aca58;
 --brand-green-deep:#3e6826;
 --brand-green-soft:#eef5e6;
 --action-green:#567f2b;
 --action-green-hover:#4a7023;
 --action-ink:#fff;
}

/* A deeper shade of the logo green keeps white labels legible. */
.design-2026 .button,
.design-2026 .project-button,
.design-2026 .site-header .nav-quote,
.design-2026 .equipment-request>.button,
.design-2026 .footer-expanded .footer-project{
 background:var(--action-green);
 border-color:var(--action-green);
 color:var(--action-ink);
}
.design-2026 .button:hover,
.design-2026 .project-button:hover,
.design-2026 .site-header .nav-quote:hover,
.design-2026 .equipment-request>.button:hover,
.design-2026 .footer-expanded .footer-project:hover{
 background:var(--action-green-hover);
 border-color:var(--action-green-hover);
 color:var(--action-ink);
}
.design-2026 .button svg{color:inherit}
.design-2026 .button-outline{background:transparent;border-color:#bdc8d8;color:var(--ink)}
.design-2026 .button-outline:hover{background:var(--brand-green-soft);border-color:var(--brand-green-deep);color:var(--brand-green-deep)}

/* Deeper green keeps small text and line icons legible on white. */
.design-2026 .site-header .header-contacts svg,
.design-2026 .enquiry-heading .header-contacts svg,
.design-2026 .contact-channels svg,
.design-2026 .equipment-card-actions>button{color:var(--brand-green-deep)}
.design-2026 .site-header .main-nav>a[aria-current="page"]{
 color:var(--brand-green-deep);
 text-decoration:underline;
 text-decoration-color:var(--brand-green);
 text-decoration-thickness:2px;
 text-underline-offset:8px;
}
.design-2026 .site-header .main-nav>a:not([aria-current="page"]):hover,
.design-2026 .equipment-page-nav a:hover,
.design-2026 .cap-link:hover,
.design-2026 .text-link:hover,
.design-2026 .showroom-link:hover,
.design-2026 .equipment-card-actions>button:hover{color:var(--brand-green-deep)}
.design-2026 .contact-channels{background:var(--brand-green-soft);border-color:#d7e3c9}
.design-2026 .contact-channels>a+a{border-color:#d0ddc3}
.design-2026 .equipment-views button[aria-pressed="true"]{border-color:var(--brand-green-deep)}
.design-2026 .contact-form :is(input,textarea,select):focus{border-color:var(--brand-green-deep)}
.design-2026 input[type="checkbox"]{accent-color:var(--brand-green-deep)}
.design-2026 .footer-expanded .header-contacts-footer svg{color:var(--brand-green)}
.design-2026 .footer-expanded .footer-directory a:hover,
.design-2026 .footer-expanded .footer-top:hover,
.design-2026 .footer-expanded .footer-company-legal>a:hover{color:var(--brand-green-hover)}
.design-2026 :is(a,button,input,textarea,select,summary):focus-visible{
 outline:2px solid var(--brand-green-deep);
 outline-offset:4px;
}
.design-2026 .footer-expanded :is(a,button):focus-visible,
.design-2026 .equipment-request :is(a,button):focus-visible{outline-color:var(--brand-green-hover)}

@media(hover:hover) and (pointer:fine){
 .design-2026 .sector-card:not(.sector-card-featured):hover .sector-card-heading{
  background:var(--brand-green-soft);
  color:var(--brand-green-deep);
 }
 .design-2026 .equipment-specifications tr:hover td{background-color:#f5f8f0}
 .design-2026 .equipment-specifications tr:hover th{background-color:var(--brand-green-soft)}
}