Как организовать динамическое изменение параметра в стиле CSS?

Берите jQuery, в ней уже есть плавное управление стилями или чистый js, но это может стать утомительно.

Качайте любую страничку с плавно появляющимися элементами (например, какой-нибудь FAQ, где нажимаешь на вопрос и чуть ниже плавно раскрывается ответ)

Дальше по аналогии сделаете: вместо плавного раскрытия у вас будет изменение цвета. Только ещё потребуется чуть логики добавить, чтобы связать изменение цвета элемента и цвета фона. Это можно на case`ах (селекторах) сделать: типа когда цвет фона красный, делать цвет элемента зелёным, цвет фона жёлтый — цвет элемента синий, когда фон белый — элемент чёрный 🙂 и т.д.