/*
 * Mortgage site (blog ID 2) color overrides.
 * Scoped to .site-2 so no other sites are affected.
 *
 * Override WP color preset variables here to remap the
 * existing rl-bg-* and text color classes site-wide.
 *
 * Example:
 *   --wp--preset--color--cobalt: #050E3D;  ← replace with mortgage brand color
 */

.site-2 {
    --wp--preset--color--cobalt: #003036;
    --wp--preset--color--coral: #00FBF0;
}

.site-2 .rl-header.rl-header_cobalt .rl-header__utility-menu {
    background-color: #BFDDDB;
}

.site-2 .rl-header.rl-header_cobalt .rl-header__utility-menu a {
    color: #003036;
}

.site-2 .rl-header.rl-header_cobalt .rl-header__utility-menu a:hover {
    color: #65615c;
}

.site-2 .rl-header.rl-header_cobalt .rl-header__utility-menu a:active {
    color: #65615c;
}

.site-2 .rl-header.rl-header_cobalt .rl-header__utility-menu a:focus {
    color: #65615c;
}

.site-2 .rl-header.rl-header_cobalt .rl-header__utility-menu a:focus-visible {
    color: #65615c;
}

.site-2 .rl-header.rl-header_cobalt .rl-header__region button svg path{
    stroke: #003036;
}

.site-2 .rl-header.rl-header_cobalt .rl-header__region button:hover svg path{
    stroke: #65615c;
}

/* Logo SVG fill uses cobalt variable — pin it to original cobalt so it
   doesn't inherit the evergreen remap on the mortgage site. */
/* .site-2 .rl-header_gradient:hover .rl-header__logo svg path:not([fill=black]),
.site-2 .rl-header_off-white .rl-header__logo svg path:not([fill=black]) {
    fill: #050E3D;
}
.site-2 .rl-header_active-mobile-menu .rl-header__logo svg path {
    fill: #050E3D !important;
}
.site-2 body.init-nav-down .rl-header__logo svg path:not([fill=black]) {
    fill: #050E3D;
}
.site-2 body.init-nav-down .rl-header__logo svg path[fill=black] {
    fill: #F7F8F6;
} */