.onemodo-footer {
    --footer-colors: #f9dce3, #fff2e6, #eee4f5, #f9dce3;
    background-image: linear-gradient(115deg, var(--footer-colors));
    background-size: 240% 100%;
    background-position: 50% 50%;
}

.onemodo-footer--dark {
    --footer-colors: #16131c, #401a2b, #252039, #16131c;
}

@media (prefers-reduced-motion: no-preference) {
    .onemodo-footer {
        animation: onemodo-footer-sweep 16s ease-in-out infinite alternate;
    }
}

@keyframes onemodo-footer-sweep {
    from { background-position: 0% 50%; }
    to { background-position: 100% 50%; }
}