style(frontend): ABAP_OPENCODE 디자인 시스템으로 맞춤 + 화면 재구성

DESIGN_SYSTEM.md 의 Dark Workspace 토큰을 shadcn 토큰으로 이식(다크 기본, radius 8px, success/warning/shadow-float), 시스템 산세리프, PwC 로고(LogoMark). 목록·새 대화·대화· 로그인 화면을 가운데 760px 열로 통일하고, 떠 있던 테마·로그아웃 상자는 상단 바로, 말풍선은 다크 토큰(AI 답변은 상자 없이), ABAP 흰 에디터 룩은 라이트 모드에서만. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
2026-09-16 21:24:17 +09:00
parent 506fbf601d
commit 9c6b28782d
32 changed files with 490 additions and 353 deletions
@@ -6,10 +6,9 @@ import { Toaster } from "sonner"
 import App from "./App"
 import { queryClient } from "./lib/query/queryClient"
 import { ALL_THEMES_CSS } from "@/shared/theme/derive"
-import "@fontsource-variable/geist"
 import "./styles/globals.css"

-// 24 팔레트 토큰을 <head>에 한 번 주입.
+// 팔레트 토큰을 <head>에 한 번 주입. 서체는 globals.css 의 시스템 산세리프(ABAP_OPENCODE 와 동일).
 // index.html 인라인 스크립트가 [data-theme] 을 미리 박아둠 → 첫 페인트부터 색 적용.
 const styleEl = document.createElement("style")
 styleEl.id = "palette-tokens"