Build [v1.14.24]

PROJECT_ARCHITECTURE.md

@@ -55,18 +55,23 @@ A unified system for inventory management featuring web administration, offline
 
 ---
 
-## 4. Design & Mobile Constraints
+## 4. Design & Mobile Constraints (Industrial Brutalism)
 
 ### 4.1 Spacing & Layout
 - **Container**: `max-w-7xl` for main pages.
-- **Responsive Spacing**: `space-y-3` (mobile) → `space-y-6` (desktop).
-- **Padding**: `p-4` (mobile) → `p-8` (desktop).
-- **Height**: Avoid `min-h-screen` on mobile to prevent viewport overflow; use `md:min-h-screen`.
+- **Responsive Spacing**: `p-4` (mobile) → `p-8` (desktop) with `space-y-4` → `space-y-6`.
+- **Shapes**: **Strictly Sharp (0px)** corners globally. No rounded borders.
+- **Unified Headers**: Icon box (`p-4 bg-primary/10 border-primary/20`) + Title (`text-3xl font-normal`).
 
-### 4.2 Typography
-- **Readability**: Standard camel/Title case.
-- **NO UPPERCASE**: Strictly forbidden in UI text.
-- **NO BOLD**: Use `font-normal`. Hierarchy via size (`text-sm` vs `text-3xl`) and color (`text-slate-500` vs `text-white`).
+### 4.2 Typography & Colors
+- **Palette (Obsidian & Amber)**: 
+  - Background: Deep Obsidian (`#0c1322`)
+  - Primary: Industrial Amber (`#ffc174`)
+  - Borders: Tactical Charcoal (`#a08e7a`)
+- **Fonts**: **Space Grotesk** (Headlines/Data) & **Inter** (Body).
+- **NO UPPERCASE**: Strictly forbidden in all UI contexts.
+- **NO BOLD**: Strictly forbidden. Use `font-normal` throughout. Hierarchy via size and color only.
+- **StatCards**: Numeric values must match label text size (e.g., `text-base md:text-lg`).
 
 ---