CSS 변수를 활용해 테마 배경색을 동적으로 관리한다.

🤖 598 in / 1358 out / 1956 total tokens

하드코딩된 배경색을 제거하고 CSS 변수 var(--surface)를 사용한다. 레이아웃 컴포넌트에서 document.documentElement에 테마 클래스를 추가하여 스토어 상태 변화를 즉시 반영한다. 이제 테마 변경 시 레이아웃뿐만 아니라 전체 페이지 배경도 일관되게 적용된다.