import React from "react" import ReactDOM from "react-dom/client" import { BrowserRouter } from "react-router-dom" import { QueryClientProvider } from "@tanstack/react-query" import { Toaster } from "sonner" import App from "./App" import { queryClient } from "./lib/query/queryClient" import { ALL_THEMES_CSS } from "@/shared/theme/derive" import "./styles/globals.css" // 팔레트 토큰을 에 한 번 주입. 서체는 globals.css 의 시스템 산세리프(ABAP_OPENCODE 와 동일). // index.html 인라인 스크립트가 [data-theme] 을 미리 박아둠 → 첫 페인트부터 색 적용. const styleEl = document.createElement("style") styleEl.id = "palette-tokens" styleEl.textContent = ALL_THEMES_CSS document.head.appendChild(styleEl) ReactDOM.createRoot(document.getElementById("root")!).render( )