/* Base footer styling */
footer {
    background: var(--color-primary-dark);
    color: var(--color-background);
    text-align: center;
    padding: 30px 0;
    transition: background-color 0.3s, color 0.3s;
    box-shadow: 0 -2px 10px var(--color-shadow-base);
}

/* Footer content spacing and readability */
footer p,
footer a,
footer small {
    margin: 0;
    color: inherit;
}

footer a {
    text-decoration: none;
    opacity: 0.9;
    transition: opacity 0.2s ease, color 0.2s ease;
}

footer a:hover {
    opacity: 1;
    color: var(--color-accent);
}


/* Responsive tweaks */
@media (max-width: 600px) {
    footer {
        padding: 20px 0;
    }
}