import { StrictMode } from "react";
import { createRoot } from "react-dom/client";

// 스타일은 여기서 1회 import (토큰 → 전역 → 컴포넌트 순).
import "./styles/tokens.css";
import "./styles/global.css";
import "./components/ui/ui.css";
import "./components/shell/shell.css";
import "./components/auth/auth-shell.css";

import App from "./App";
import { installChunkRecovery } from "./lib/chunkRecovery";
import { initTheme } from "./lib/theme";

installChunkRecovery();
initTheme();

const rootEl = document.getElementById("root");
if (!rootEl) {
  throw new Error("#root 엘리먼트를 찾을 수 없습니다 (index.html 확인).");
}

createRoot(rootEl).render(
  <StrictMode>
    <App />
  </StrictMode>,
);