@import "node--paragraphs.css";
@import "site.css";

/* Override UO component utility palette backgrounds in the subtheme. */
.palette-bg-uo-green {
    background-color: #104735;
    --context-background-color: #104735;
}
.palette-bg-uo-yellow {
    background-color: #D9D4C2;
    --context-background-color: #D9D4C2;
}

/* Force CTA interactive state to use the custom yellow palette value. */
.palette-bg-uo-green .cta-button:hover,
.palette-bg-uo-green .cta-button:focus,
.palette-bg-uo-green a:hover .cta-button,
.palette-bg-uo-green a:focus .cta-button,
.palette-bg-uo-green [data-es-name*="cta-button"]:hover,
.palette-bg-uo-green [data-es-name*="cta-button"]:focus,
.palette-bg-uo-green a:hover [data-es-name*="cta-button"],
.palette-bg-uo-green a:focus [data-es-name*="cta-button"],
.envelope-hero .cta-button:hover,
.envelope-hero .cta-button:focus,
.envelope-hero a:hover .cta-button,
.envelope-hero a:focus .cta-button,
.envelope-hero [data-es-name*="cta-button"]:hover,
.envelope-hero [data-es-name*="cta-button"]:focus,
.envelope-hero a:hover [data-es-name*="cta-button"],
.envelope-hero a:focus [data-es-name*="cta-button"]{
    background-color: #D9D4C2;
    border-color: #D9D4C2;
    color: #222222 !important;
}