/**
 * dashboard-client/src/main.tsx — React entry point.
 *
 * Mounts <App /> into #root. Loaded by index.html.
 */

import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import App from "./App";
// Tailwind + design tokens (Spec 1)
import "./styles/index.css";
import "./styles/base.css";
import "./styles/overview-events.css";
import "./styles/repos-metrics.css";
import "./styles/repos-extra.css";
import "./styles/overview-extra.css";
import "./styles/config.css";
import "./styles/game-achievements.css";
import "./styles/sessions.css";
import "./styles/repostack.css";
import "./styles/session-gauges.css";
import "./styles/maintenance.css";
import "./styles/cache.css";

const rootEl = document.getElementById("root");
if (!rootEl) {
	throw new Error("dashboard-client: #root element not found in index.html");
}

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