/* Footer */
.footer {
    background: var(--color-primary);
    color: white;
    padding: var(--space-xl) var(--space-lg) var(--space-lg);
    text-align: center;
}

.footer-links {
    display: flex;
    justify-content: center;
    gap: var(--space-lg);
    margin-bottom: var(--space-lg);
    flex-wrap: wrap;
}

.footer-link {
    color: white;
    text-decoration: none;
    transition: opacity 0.3s;
}

.footer-link:hover {
    opacity: 0.8;
}

.footer p {
    margin-bottom: 0.5rem;
}

.footer-copyright {
    opacity: 0.8;
    margin-top: 0.5rem;
    font-size: 0.9rem;
}