Refactor monorepo structure and replace hardcoded colors

Add TypeScript project references, update ESLint configs to support
ESM modules, and introduce brand semantic color tokens across the web
app. Add comprehensive documentation for architecture, API reference,
development setup, and user guide.

eslint.config.mjs

@@ -1,5 +1,9 @@
 import js from "@eslint/js";
 import ts from "typescript-eslint";
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 const runtimeGlobals = {
   AbortSignal: "readonly",
@@ -17,12 +21,7 @@ const runtimeGlobals = {
 
 export default ts.config(
   {
-    ignores: [
-      "**/dist/**",
-      "**/.next/**",
-      "**/node_modules/**",
-      "**/coverage/**",
-    ],
+    ignores: ["**/dist/**", "**/.next/**", "**/node_modules/**", "**/coverage/**"],
   },
   {
     extends: [js.configs.recommended, ...ts.configs.recommended],
@@ -32,6 +31,7 @@ export default ts.config(
       globals: runtimeGlobals,
       parserOptions: {
         sourceType: "module",
+        tsconfigRootDir: path.resolve(__dirname),
       },
     },
   },