fix(design): 미정의 --font-pretendard 변수 간접참조 제거

var(--font-pretendard, ...) 패턴은 --font-pretendard가 어디에도
정의되지 않아 항상 fallback으로 동작합니다. npm CSS import 방식에서
next/font 제거 후 변수 주입이 안되므로 직접 'Pretendard Variable'로
단순화하여 의도 명확화합니다. 모든 fallback stack은 유지됩니다.

변경 위치:
- @theme inline (font-sans, font-mono)
- body (전역 폰트)
- .font-mono 유틸리티
- .kx-section, .kx-display, .kx-label (Kinetic Ether)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-11 01:22:13 +09:00
parent e14e527e28
commit 776985eca8

View File

@@ -69,8 +69,8 @@
--color-foreground: var(--foreground);
--color-primary: var(--primary);
--color-secondary: var(--secondary);
--font-sans: var(--font-pretendard, 'Pretendard Variable'), Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
--font-mono: var(--font-pretendard, 'Pretendard Variable'), Pretendard, ui-monospace, monospace;
--font-sans: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
--font-mono: 'Pretendard Variable', Pretendard, ui-monospace, monospace;
}
* {
@@ -84,14 +84,14 @@ html {
body {
background: var(--jsm-bg);
color: var(--jsm-ink);
font-family: var(--font-pretendard, 'Pretendard Variable'), Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* font-mono utility → Pretendard 통일 */
.font-mono, code, pre, kbd, samp {
font-family: var(--font-pretendard, 'Pretendard Variable'), Pretendard, ui-monospace, monospace;
font-family: 'Pretendard Variable', Pretendard, ui-monospace, monospace;
}
/* Dashboard layout */
@@ -120,19 +120,19 @@ body {
.kx-section {
background: var(--kx-surface);
color: var(--kx-on-surface);
font-family: var(--font-pretendard, 'Pretendard Variable'), Pretendard, system-ui, sans-serif;
font-family: 'Pretendard Variable', Pretendard, system-ui, sans-serif;
}
.kx-section p, .kx-section li, .kx-section span:not(.kx-label) {
color: var(--kx-on-variant);
}
.kx-display {
font-family: var(--font-pretendard, 'Pretendard Variable'), Pretendard, system-ui, sans-serif;
font-family: 'Pretendard Variable', Pretendard, system-ui, sans-serif;
font-weight: 700;
letter-spacing: -0.02em;
color: inherit;
}
.kx-label {
font-family: var(--font-pretendard, 'Pretendard Variable'), Pretendard, system-ui, sans-serif;
font-family: 'Pretendard Variable', Pretendard, system-ui, sans-serif;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.08em;