:root {
    --logo-light-color: #173f5f;
    --logo-light-filter: brightness(0) saturate(100%) invert(21%) sepia(22%)
        saturate(1731%) hue-rotate(164deg) brightness(91%) contrast(92%);
}

/* Light mode is the absence of html.dark-mode in both application areas. */
html:not(.dark-mode) .branding-main-logo,
html:not(.dark-mode) .branding-logo-forMobile img,
html:not(.dark-mode) .brand-image,
html:not(.dark-mode) .brand-logo-image {
    filter: var(--logo-light-filter) !important;
}