/* footer.css */

footer {
    background: var(--gradient-primary);
    color: var(--color-text-light);
    text-align: center;
    padding: var(--spacing-md);
    position: fixed;
    bottom: 0;
    width: 100%;
    box-shadow: var(--shadow-md);
}

footer p {
    margin: 0;
}

footer a {
    color: var(--color-secondary);
    text-decoration: none;
    transition: color var(--transition-fast);
}

footer a:hover, footer a:focus {
    color: var(--color-accent);
}