docs(product): commit design references under docs/product/reference/

Copy the founder's design handoff bundle (.proto/design/) into
docs/product/reference/ byte-for-byte so dispatch agents running in git
worktrees can read the HTML prototypes, veect-codebase/ prototype,
upload PNGs, and remaining bundle files (ADR-029: reference only, never
vendored into packages/). Ignore-list entries so whole-codebase auditors
and formatters skip reference material: .prettierignore (byte
preservation through lint-staged), .fallowrc.json ignorePatterns, root
ESLint ignores, and the coverage:diff allowlist in
scripts/coverage/diff.mjs (+ unit test). .DS_Store files skipped.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016j8z4VHjedXDTjEDNg7qHK

docs/product/reference/project/veect-codebase/tailwind.config.ts

@@ -0,0 +1,40 @@
+import type { Config } from 'tailwindcss';
+
+/**
+ * Veect chrome palette — deliberately quiet, warm neutrals so the
+ * user's brand (rendered on the canvas) is always the hero.
+ * All colors resolve through CSS variables so dark/light theming
+ * is a single `data-theme` attribute swap. See src/index.css.
+ */
+export default {
+  darkMode: ['selector', '[data-theme="dark"]'],
+  content: ['./index.html', './src/**/*.{ts,tsx}'],
+  theme: {
+    extend: {
+      colors: {
+        bg: 'var(--bg)',
+        panel: 'var(--panel)',
+        raised: 'var(--raised)',
+        line: 'var(--line)',
+        'line-2': 'var(--line-2)',
+        chip: 'var(--chip)',
+        ink: { DEFAULT: 'var(--t1)', 2: 'var(--t2)', 3: 'var(--t3)' },
+        accent: { DEFAULT: 'var(--accent)', text: 'var(--accent-text)', dim: 'var(--accent-dim)' },
+        'btn-ink': 'var(--btn-ink)',
+        live: 'var(--live)',
+        warn: 'var(--warn)',
+        danger: 'var(--danger)',
+      },
+      fontFamily: {
+        sans: ['"Instrument Sans"', 'system-ui', 'sans-serif'],
+        mono: ['"Fragment Mono"', 'ui-monospace', 'monospace'],
+      },
+      borderRadius: { sm: '2px', md: '2px', lg: '2px' },
+      boxShadow: {
+        float: '0 0 0 1px var(--line-2)',
+        raise: 'none',
+      },
+    },
+  },
+  plugins: [],
+} satisfies Config;