CSS만으로 부드러운 다크모드 전환, 가능할까요?

다크모드를 토글할 때 색이 탁 하고 바뀌지 않고 부드럽게 전환되게 하고 싶습니다.

지금은 html.dark 클래스를 토글하고 있는데, 배경·글자색이 즉시 바뀌어요. 이런 게 궁금합니다.

• transition을 어디(루트? 각 요소?)에 주는 게 좋은지
• 그라데이션·이미지까지 부드럽게 하려면?
• prefers-color-scheme와 수동 토글을 같이 쓸 때 깜빡임(FOUC) 막는 법

경험 있으신 분들의 조언 부탁드려요!