create-tigra 3.1.0 → 3.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-tigra",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "type": "module",
   "description": "Create a production-ready full-stack app with Next.js 16 + Fastify 5 + Prisma + Redis",
   "bin": {

package/template/AGENTS.md

@@ -11,6 +11,7 @@ Every implementation change MUST include a human-readability pass. Add or update
 - `server/prisma/schema.prisma` is the database-schema source of truth. Use Prisma migrations for schema changes.
 - `server/src/config/env.ts` and `client/src/lib/env.ts` define valid environment variables. Keep the corresponding `.env.example` files synchronized without real credentials.
 - Shared route/API constants, response helpers, and security middleware are canonical; extend them instead of creating competing shapes or duplicate policy.
+- Client font preset tokens are declared on `:root`. Apply every referenced `next/font` variable class to `<html>`, never only to `<body>`, so the root-scoped Tailwind tokens can resolve it.
 
 ## Naming
 

package/template/client/AGENTS.md

@@ -12,6 +12,7 @@
 - Server-rendered page data belongs in Server Components; client-fetched server data belongs in React Query; Redux is limited to the authenticated-user lifecycle; local and URL state stay local or in search params.
 - `src/lib/constants/routes.ts` and `api-endpoints.ts` own application and API paths.
 - `src/styles/themes/default.css` owns color values. Components use semantic Tailwind tokens; do not hardcode palette values or create competing theme variables.
+- If a `next/font` CSS variable is referenced by a token declared on `:root`, apply that font's generated variable class to `<html>`. Never attach it only to `<body>`, where it cannot resolve the root-scoped token.
 - `src/middleware.ts` is the single source of truth for security headers and nonce-based CSP. Do not add a second CSP in `next.config.ts`.
 
 ## Security and deployment

package/template/client/src/app/layout.tsx

@@ -40,8 +40,15 @@ export default async function RootLayout({
   const nonce = (await headers()).get('x-nonce') ?? undefined;
 
   return (
-    <html lang="en" suppressHydrationWarning>
-      <body className={`${inter.variable} ${jetbrainsMono.variable} font-sans antialiased`}>
+    // The font preset consumes these next/font variables from :root. Keep the
+    // generated classes on <html>; variables introduced only on <body> cannot
+    // resolve the root-scoped Tailwind font tokens.
+    <html
+      lang="en"
+      className={`${inter.variable} ${jetbrainsMono.variable}`}
+      suppressHydrationWarning
+    >
+      <body className="font-sans antialiased">
         <Providers nonce={nonce}>{children}</Providers>
       </body>
     </html>

package/template/client/src/styles/fonts/inter-jetbrains.css

@@ -5,8 +5,10 @@
  *
  * To switch fonts:
  * 1. Update the font imports in layout.tsx (next/font/google)
- * 2. Create a new preset file (or edit this one) with matching font-family names
- * 3. Update the import in globals.css to point to your preset
+ * 2. Apply every referenced next/font variable class to <html>, because these
+ *    preset tokens are declared on :root and cannot resolve body-only variables
+ * 3. Create a new preset file (or edit this one) with matching font-family names
+ * 4. Update the import in globals.css to point to your preset
  */
 
 :root {