feat: Set up new Tailwind CSS configuration, global styling, and initial application pages.

2026-02-06 00:20:55 +01:00
parent 696f9d361d
commit 8ac090aff3
11 changed files with 286 additions and 114 deletions
--- a/packages/gatekeeper/src/app/layout.tsx
+++ b/packages/gatekeeper/src/app/layout.tsx
@@ -1,6 +1,15 @@
 import type { Metadata } from "next";
+import { Inter, Newsreader } from "next/font/google";
 import "./globals.css";

+const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
+const newsreader = Newsreader({
+  subsets: ["latin"],
+  variable: "--font-newsreader",
+  style: "italic",
+  display: "swap",
+});
+
 export const metadata: Metadata = {
  title: "Gatekeeper | Access Control",
  description: "Mintel Infrastructure Protection",
@@ -12,7 +21,7 @@ export default function RootLayout({
  children: React.ReactNode;
 }) {
  return (
-    <html lang="en">
+    <html lang="en" className={`${inter.variable} ${newsreader.variable}`}>
      <body className="antialiased">{children}</body>
    </html>
  );