:root {
    --text-primary: #ffffff;
    --text-secondary: #00ffff;
    --accent-cyan: #00ffff;
    --title-gradient: linear-gradient(
        45deg,
        #00ffff 0%,
        #ffffff 25%,
        #00ffff 45%,
        #ffffff 55%,
        #00ffff 75%,
        #ffffff 85%,
        #00ffff 100%
    );
    --z-footer: 10;
}

/* Base footer styles */
footer, .footer-section {
    background: #000000;
}

footer {
    color: #ffffff;
}

/* Title gradient styles */
.footer-section h2,
.footer-section h2 a {
    color: transparent;
    background: var(--title-gradient);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: logoFlow 8s ease infinite;
    text-shadow: none;
}

/* Social link styles */
.social-link {
    color: var(--text-primary);
    transition: color 0.3s ease;
}

.social-link:hover {
    color: var(--accent-cyan);
}

.social-link i {
    color: var(--accent-cyan);
}

.social-link span {
    color: var(--text-primary);
    transition: color 0.3s ease;
}

.social-link:hover span {
    color: var(--accent-cyan);
}

/* Animations */
@keyframes logoFlow {
    0%, 100% {
        background-position: 0% 50%;
        filter: brightness(1);
    }
    25% {
        background-position: 50% 25%;
        filter: brightness(1.2);
    }
    50% {
        background-position: 100% 50%;
        filter: brightness(1);
    }
    75% {
        background-position: 50% 75%;
        filter: brightness(1.2);
    }
}