/* Approved USI red: 5.22:1 against the existing #b2b2be navigation background. */
:root {--usi-red:#800000;}

/* Existing red theme surfaces only. The body shows through as bars and borders. */
body {background-color:var(--usi-red);}
a {color:var(--usi-red);}
.site-header a {color:var(--usi-red);}
.site-header a:hover {color:var(--contrast);}

/* Every menu level, including the current page and its ancestors, is black at rest. */
#site-navigation.main-navigation .main-nav ul li > a {
    color:#000000;
}

/* Only the actual hovered/focused link is red; open ancestors do not stay red. */
#site-navigation.main-navigation .main-nav ul li > a:hover,
#site-navigation.main-navigation .main-nav ul li > a:focus,
#site-navigation.main-navigation .menu-bar-item > a:hover,
#site-navigation.main-navigation .menu-bar-item > a:focus {
    color:var(--usi-red);
}
#site-navigation.main-navigation .main-nav ul li > a:focus-visible {
    outline:2px solid var(--usi-red);
    outline-offset:-2px;
}

/* Preserve the theme's existing search interaction accent, using the same red. */
.navigation-search input[type="search"],
.navigation-search input[type="search"]:active,
.navigation-search input[type="search"]:focus,
#site-navigation.main-navigation .main-nav ul li.search-item.active > a,
#site-navigation.main-navigation .menu-bar-items .search-item.active > a {
    color:var(--usi-red);
}
