footer {
    background: var(--dark-text);
    color: var(--light-text);
    text-align: center;
    padding: 2rem;
    margin-top: 2rem;
}

@media (max-width: 480px) {
    footer {
        padding: 1.5rem 1rem;
        margin-top: 1rem;
    }

    footer p {
        font-size: 0.9rem;
    }
}