import { createRoot } from "react-dom/client";
import App from "./App.tsx";
import "@fontsource-variable/inter";
import "@fontsource-variable/plus-jakarta-sans";
import noiGroteskAsset from "./assets/fonts/NoiGrotesk-Medium.woff2.asset.json";
import "./index.css";

// The dev server doesn't serve Lovable asset URLs, so use the hosted
// project asset URL in development and the relative asset URL in production.
const noiGroteskUrl = import.meta.env.DEV
  ? "https://id-preview-1--48789c34-74e1-4cca-a4dd-ec3ad739d862.lovable.app/__l5e/assets-v1/dd1164a3-918f-436f-8118-333a4f3ff992/NoiGrotesk-Medium.woff2"
  : noiGroteskAsset.url;

const style = document.createElement("style");
style.textContent = `@font-face {
  font-family: 'Noi Grotesk';
  src: url('${noiGroteskUrl}') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}`;
document.head.appendChild(style);

createRoot(document.getElementById("root")!).render(<App />);