From 6c1a8023ca73ef5cbd080598a0a5685e649afa37 Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Sat, 8 Aug 2026 14:00:23 +0900
Subject: [PATCH] =?UTF-8?q?fix(B03):=20=EB=B3=B4=EA=B4=80=20=EC=9E=90?=
 =?UTF-8?q?=EB=A3=8C=20=EC=84=A0=ED=83=9D=20=EB=AA=A8=EB=8B=AC=20=ED=85=8D?=
 =?UTF-8?q?=EC=8A=A4=ED=8A=B8=EB=A5=BC=20=ED=85=8C=EB=A7=88=20=EC=84=9C?=
 =?UTF-8?q?=EC=8B=9D=EC=9C=BC=EB=A1=9C=20=EC=A0=95=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

목록 항목이 <button>이라 본문 글꼴을 물려받지 못해 시스템 기본 글꼴로 나왔고,
글자색으로 --color-primary-text(주 액션 배경 위 색)를 써서 밝은 배경에서 흐리게 보였다.

- 항목: font-family/--text-caption/--color-text-body 지정, 이름은 --text-body-sm
- 선택 안내·빈 목록 문구: 하드코딩 px를 --text-caption/--text-body-sm으로 교체
- 모달 제목: 브라우저 기본 h3 서식 대신 --font-display/--text-body 적용

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 B03_FileInput/B03_FileInput_UI_Style_Temp.css | 29 ++++++++++++++++---
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/B03_FileInput/B03_FileInput_UI_Style_Temp.css b/B03_FileInput/B03_FileInput_UI_Style_Temp.css
index e513674d..4dfc2cde 100644
--- a/B03_FileInput/B03_FileInput_UI_Style_Temp.css
+++ b/B03_FileInput/B03_FileInput_UI_Style_Temp.css
@@ -15,7 +15,8 @@
 }
 
 .b03-file__temp-summary {
-  font-size: 12px;
+  font-family: var(--font-body);
+  font-size: var(--text-caption);
   color: var(--color-text-secondary);
 }
 
@@ -29,6 +30,15 @@
   max-height: 80vh;
 }
 
+/* 제목은 브라우저 기본 h3 서식이 남지 않게 템플릿 값으로 맞춘다. */
+.b03-file__temp-modal h3 {
+  margin: 0;
+  font-family: var(--font-display);
+  font-size: var(--text-body);
+  font-weight: var(--font-weight-bold);
+  color: var(--color-text);
+}
+
 .b03-file__temp-list {
   display: flex;
   flex-direction: column;
@@ -39,9 +49,13 @@
 .b03-file__temp-empty {
   padding: var(--spacing-16);
   text-align: center;
-  font-size: 13px;
+  font-family: var(--font-body);
+  font-size: var(--text-body-sm);
+  color: var(--color-text-muted);
 }
 
+/* 목록 항목은 <button>이라 글꼴을 물려받지 않는다 — 본문 글꼴을 직접 지정한다.
+   글자색도 본문색을 쓴다(--color-primary-text는 '주 액션 배경 위' 색이라 밝은 배경에서 안 보인다). */
 .b03-file__temp-option {
   display: flex;
   flex-direction: column;
@@ -50,10 +64,16 @@
   border: 1px solid var(--color-border);
   border-radius: var(--radius-cards);
   background: var(--color-paper);
-  color: var(--color-primary-text);
+  font-family: var(--font-body);
+  font-size: var(--text-caption);
+  color: var(--color-text-body);
   text-align: left;
   cursor: pointer;
-  font-size: 12px;
+}
+
+.b03-file__temp-option strong {
+  font-size: var(--text-body-sm);
+  color: var(--color-text);
 }
 
 .b03-file__temp-option:hover {
@@ -66,6 +86,7 @@
 }
 
 .b03-file__temp-option-files {
+  font-size: var(--text-caption);
   color: var(--color-text-secondary);
 }