fix(app): soften blockquote styling

Use adjacent surface tokens so quotes stay visually quiet, with a square left edge that aligns cleanly with the quote rule.

packages/app/src/styles/markdown-styles.test.ts

@@ -111,4 +111,15 @@ describe("createMarkdownStyles", () => {
     });
     expect(compactStyles.code_inline).not.toHaveProperty("lineHeight");
   });
+
+  it("keeps blockquotes quiet with a square left edge", () => {
+    const styles = createMarkdownStyles(darkTheme);
+
+    expect(styles.blockquote).toMatchObject({
+      backgroundColor: darkTheme.colors.surface1,
+      borderLeftColor: darkTheme.colors.surface2,
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0,
+    });
+  });
 });

packages/app/src/styles/markdown-styles.ts

@@ -302,13 +302,15 @@ export function createMarkdownStyles(theme: Theme) {
     // =========================================================================
 
     blockquote: {
-      backgroundColor: theme.colors.surface2,
+      backgroundColor: theme.colors.surface1,
       borderLeftWidth: 4,
-      borderLeftColor: theme.colors.primary,
+      borderLeftColor: theme.colors.surface2,
       paddingHorizontal: theme.spacing[4],
       paddingVertical: theme.spacing[3],
       marginVertical: theme.spacing[3],
       borderRadius: theme.borderRadius.md,
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0,
     },
 
     // =========================================================================