Replace "FastNext" branding with "PragmaStack" across the project

- Updated all references, metadata, and templates to reflect the new branding, including layout files, components, and documentation.
- Replaced hardcoded color tokens like `green-600` with semantic tokens (`success`, `warning`, etc.) for improved design consistency.
- Enhanced `globals.css` with new color tokens for success, warning, and destructive states using the OKLCH color model.
- Added comprehensive branding guidelines and updated the design system documentation to align with the new identity.
- Updated tests and mocks to reflect the branding changes and ensured all visual/verbal references match "PragmaStack".
- Added new `branding/README.md` and `branding` docs for mission, values, and visual identity definition.

frontend/src/app/[locale]/(authenticated)/layout.tsx

@@ -10,7 +10,7 @@ import { Footer } from '@/components/layout/Footer';
 
 export const metadata: Metadata = {
   title: {
-    template: '%s | FastNext Template',
+    template: '%s | PragmaStack',
     default: 'Dashboard',
   },
 };

frontend/src/app/[locale]/admin/layout.tsx

@@ -12,7 +12,7 @@ import { AdminSidebar, Breadcrumbs } from '@/components/admin';
 
 export const metadata: Metadata = {
   title: {
-    template: '%s | Admin | FastNext Template',
+    template: '%s | Admin | PragmaStack',
     default: 'Admin Dashboard',
   },
 };

frontend/src/app/[locale]/demos/page.tsx

@@ -26,9 +26,9 @@ import { Badge } from '@/components/ui/badge';
 import { Separator } from '@/components/ui/separator';
 
 export const metadata: Metadata = {
-  title: 'Demo Tour | FastNext Template',
+  title: 'Demo Tour | PragmaStack',
   description:
-    'Try all features with demo credentials - comprehensive guide to the FastNext template',
+    'Try all features with demo credentials - comprehensive guide to the PragmaStack',
 };
 
 const demoCategories = [

frontend/src/app/[locale]/dev/docs/page.tsx

@@ -120,7 +120,7 @@ export default function DocsHub() {
             <h2 className="text-4xl font-bold tracking-tight mb-4">Design System Documentation</h2>
             <p className="text-lg text-muted-foreground mb-8">
               Comprehensive guides, best practices, and references for building consistent,
-              accessible, and maintainable user interfaces with the FastNext design system.
+              accessible, and maintainable user interfaces with the PragmaStack design system.
             </p>
             <div className="flex flex-wrap gap-3 justify-center">
               <Link href="/dev/docs/design-system/00-quick-start">

frontend/src/app/[locale]/dev/page.tsx

@@ -14,7 +14,7 @@ import { Badge } from '@/components/ui/badge';
 import { Separator } from '@/components/ui/separator';
 
 export const metadata: Metadata = {
-  title: 'Design System Hub | FastNext Template',
+  title: 'Design System Hub | PragmaStack',
   description:
     'Interactive design system demonstrations with live examples - explore components, layouts, spacing, and forms built with shadcn/ui and Tailwind CSS',
 };
@@ -90,7 +90,7 @@ export default function DesignSystemHub() {
             </div>
             <p className="text-lg text-muted-foreground">
               Interactive demonstrations, live examples, and comprehensive documentation for the
-              FastNext design system. Built with shadcn/ui + Tailwind CSS 4.
+              PragmaStack design system. Built with shadcn/ui + Tailwind CSS 4.
             </p>
           </div>
         </div>

frontend/src/app/[locale]/page.tsx

@@ -1,6 +1,6 @@
 /**
  * Homepage / Landing Page
- * Main landing page for the FastNext Template project
+ * Main landing page for the PragmaStack project
  * Showcases features, tech stack, and provides demos for developers
  */
 
@@ -67,7 +67,7 @@ export default function Home() {
         <div className="container mx-auto px-6 py-8">
           <div className="flex flex-col md:flex-row items-center justify-between gap-4">
             <div className="text-sm text-muted-foreground">
-              © {new Date().getFullYear()} FastNext Template. MIT Licensed.
+              © {new Date().getFullYear()} PragmaStack. MIT Licensed.
             </div>
             <div className="flex items-center gap-6 text-sm text-muted-foreground">
               <Link href="/demos" className="hover:text-foreground transition-colors">

frontend/src/app/globals.css

@@ -1,7 +1,7 @@
 @import 'tailwindcss';
 
 /**
- * FastNext Template Design System
+ * PragmaStack Design System
  * Theme: Modern Minimal (from tweakcn.com)
  * Primary: Blue | Color Space: OKLCH
  *
@@ -27,6 +27,10 @@
   --accent-foreground: oklch(0.3791 0.1378 265.5222);
   --destructive: oklch(0.6368 0.2078 25.3313);
   --destructive-foreground: oklch(1 0 0);
+  --success: oklch(0.6231 0.188 145);
+  --success-foreground: oklch(1 0 0);
+  --warning: oklch(0.75 0.15 85);
+  --warning-foreground: oklch(0.1529 0 0);
   --border: oklch(0.9276 0.0058 264.5313);
   --input: oklch(0.9276 0.0058 264.5313);
   --ring: oklch(0.6231 0.188 259.8145);
@@ -91,6 +95,10 @@
   --accent-foreground: oklch(0.8823 0.0571 254.1284);
   --destructive: oklch(0.6368 0.2078 25.3313);
   --destructive-foreground: oklch(1 0 0);
+  --success: oklch(0.6231 0.188 145);
+  --success-foreground: oklch(1 0 0);
+  --warning: oklch(0.75 0.15 85);
+  --warning-foreground: oklch(0.1529 0 0);
   --border: oklch(0.3715 0 0);
   --input: oklch(0.3715 0 0);
   --ring: oklch(0.6231 0.188 259.8145);
@@ -127,6 +135,10 @@
   --color-accent-foreground: var(--accent-foreground);
   --color-destructive: var(--destructive);
   --color-destructive-foreground: var(--destructive-foreground);
+  --color-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
   --color-border: var(--border);
   --color-input: var(--input);
   --color-ring: var(--ring);
@@ -206,4 +218,4 @@ button:disabled,
 a[aria-disabled='true'],
 select:disabled {
   cursor: not-allowed;
-}
+}