body {
    background: linear-gradient(135deg, #de9dfa, #6A8CFF, #4FACFE);
}

/* Desktop nav text color */
nav > ul > li > a {
    color: white !important;
}

nav > ul > li > a:hover {
    color: var(--brand-color, #000000) !important;
}

.passly-bg{
    background: linear-gradient(135deg, #4FACFE, #8E44AD);
    opacity: 0.95;
}

.relative-footer{
    background: linear-gradient(135deg, #4FACFE, #8E44AD);
    opacity: 0.95;
}

/* Marquee logo sizing */
.logo-marquee {
    height: 6.5rem; /* h-10 equivalent */
    width: auto;
    flex-shrink: 0;
}

/* Responsive sizing for smaller screens */
@media (max-width: 640px) {
    .logo-marquee {
        height: 8rem;
    }
}

/* Responsive sizing for tablet and up */
@media (min-width: 768px) {
    .logo-marquee {
        height: 8.5rem;
    }
}