fix(ui): 어두운 테마에서 브라우저 기본 부품(체크 · 색 고르개 · 펼침 목록 · 스크롤 막대)이 테마를 따름 — color-scheme

- 밝은 쪽 light · 어두운 쪽(data-theme=dark · 시스템 어두움) dark

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01RoyUwuTFiDJfvCfHpvKKzp

ui_template/ui_template_theme.css

@@ -10,6 +10,9 @@
  * ========================================================================== */
 
 :root {
+  /* 브라우저 기본 부품(체크 · 색 고르개 · 펼침 목록 · 스크롤 막대)이 테마를 따름 */
+  color-scheme: light;
+
   /* ---------------------------------------------------------------------------
    * 1. 색상 토큰 (Colors) — 바이올렛 단색 팔레트
    * ------------------------------------------------------------------------ */
@@ -282,6 +285,7 @@
  *   바이올렛 액센트는 명도를 올려 대비 확보.
  * ========================================================================== */
 :root[data-theme="dark"] {
+  color-scheme: dark;
   --color-canvas: #16121f;
   --color-paper: #1e1930;
   --color-mist: #322a45;
@@ -322,6 +326,7 @@
 /* 시스템 설정 기반 자동 다크 (사용자가 명시적으로 data-theme를 안 준 경우) */
 @media (prefers-color-scheme: dark) {
   :root:not([data-theme="light"]) {
+    color-scheme: dark;
     --color-canvas: #16121f;
     --color-paper: #1e1930;
     --color-mist: #322a45;