/* Logo Styles with Theme Switching */

.logo {
    display: inline-block;
    text-decoration: none;
    line-height: 0;
    padding: 0;
    margin: 0;
}

.logo-img {
    height: 80px;
    width: auto;
    display: block;
    transition: opacity 0.3s ease;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

/* Light Theme Logo (Default) */
.logo-img {
    content: url('../images/logo-light.svg');
}

/* Dark Theme Logo */
body.theme-dark .logo-img {
    content: url('../images/logo-dark.svg');
}

/* High Contrast (Colorblind) Logo */
body.theme-colorblind .logo-img {
    content: url('../images/logo-light-contrast.svg');
}

/* High Contrast Dark Logo */
body.theme-colorblindDark .logo-img {
    content: url('../images/logo-dark-contrast.svg');
}

/* Responsive sizing */
@media (max-width: 768px) {
    .logo-img {
        height: 60px;
    }
}

@media (max-width: 480px) {
    .logo-img {
        height: 50px;
    }
}

/* Logo hover effect */
.logo:hover .logo-img {
    opacity: 0.85;
}