/* Both modes share cacheable HTML; the existing theme toggle controls visibility. */
.logo .logo-mode-light,
.mobile-logo .logo-mode-light {
    display: block;
}
.logo .logo-mode-dark,
.mobile-logo .logo-mode-dark {
    display: none;
}
body[data-theme="dark"] .logo .logo-mode-light,
body[data-theme="dark"] .mobile-logo .logo-mode-light {
    display: none;
}
body[data-theme="dark"] .logo .logo-mode-dark,
body[data-theme="dark"] .mobile-logo .logo-mode-dark {
    display: block;
}
.logo .logo-mode-light > img,
.logo .logo-mode-dark > img {
    display: block;
    height: auto;
}