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/src/index.css

@@ -0,0 +1,74 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/*
+ * Veect chrome tokens — ultra-minimal, flat, typography-first.
+ * Light (paper/ink) is the default; dark is true carbon. The accent IS
+ * the ink: color belongs to the customer's canvas, not the instrument.
+ */
+:root,
+[data-theme='light'] {
+  --bg: #fcfcfb;
+  --panel: #fcfcfb;
+  --raised: #ffffff;
+  --line: #e7e6e2;
+  --line-2: #cfcec8;
+  --chip: #f4f3f0;
+  --t1: #161513;
+  --t2: #63615b;
+  --t3: #9a978f;
+  --accent: #161513;
+  --accent-text: #161513;
+  --accent-dim: rgba(22, 21, 19, 0.06);
+  --btn-ink: #ffffff;
+  --live: #5b7f5e;
+  --warn: #9a7b3f;
+  --danger: #b05e5e;
+}
+
+[data-theme='dark'] {
+  --bg: #0e0e0d;
+  --panel: #0e0e0d;
+  --raised: #161615;
+  --line: #262624;
+  --line-2: #3a3a37;
+  --chip: #161615;
+  --t1: #f4f4f2;
+  --t2: #a6a6a1;
+  --t3: #73736e;
+  --accent: #f4f4f2;
+  --accent-text: #f4f4f2;
+  --accent-dim: rgba(244, 244, 242, 0.09);
+  --btn-ink: #0e0e0d;
+  --live: #8ba88e;
+  --warn: #c2a36b;
+  --danger: #c97070;
+}
+
+html,
+body,
+#root {
+  height: 100%;
+}
+
+body {
+  @apply bg-bg font-sans text-[13px] leading-normal text-ink antialiased;
+}
+
+::selection {
+  background: rgba(127, 127, 120, 0.3);
+}
+
+*:focus-visible {
+  outline: 1.5px solid var(--t1);
+  outline-offset: 1px;
+  border-radius: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  * {
+    animation-duration: 0.01ms !important;
+    transition-duration: 0.01ms !important;
+  }
+}