/* Logo themed colors - Custom styles for theme compatibility */
.logo-themed {
    filter: hue-rotate(45deg) saturate(1.2) brightness(1.1);
    transition: filter 0.3s ease;
}

.logo-themed:hover {
    filter: hue-rotate(45deg) saturate(1.5) brightness(1.3);
}

/* Header appear state logo */
.header-appear .logo-themed {
    filter: hue-rotate(30deg) saturate(1.1) brightness(1.0);
}

.header-appear .logo-themed:hover {
    filter: hue-rotate(30deg) saturate(1.4) brightness(1.2);
}

/* Alternative approach with specific color overlay */
.logo-themed-alt {
    filter: sepia(1) hue-rotate(30deg) saturate(2) brightness(1.1);
    transition: filter 0.3s ease;
}

.logo-themed-alt:hover {
    filter: sepia(1) hue-rotate(30deg) saturate(2.5) brightness(1.3);
}