Bold in answers stands out from Nunito body text; toast close button themed

Rendered answers set strong text and minor headings at 800, since the
typography plugin's 600 now equals the body weight. Sonner's close button
takes the card colours instead of its own black circle in dark mode.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

Author: Programcode

src/components/ui/sonner.tsx

@@ -34,6 +34,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
           info: "[&_[data-icon]]:bg-brand-tint [&_[data-icon]]:text-primary",
           actionButton: "group-[.toast]:bg-brand! group-[.toast]:text-white! group-[.toast]:font-display! group-[.toast]:rounded-md! group-[.toast]:shadow-[0_3px_0_var(--do-primary-ledge)]! group-[.toast]:h-8! group-[.toast]:px-3!",
           cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
+          closeButton: "group-[.toast]:bg-card! group-[.toast]:text-muted-foreground! group-[.toast]:border-2! group-[.toast]:border-border! hover:group-[.toast]:text-foreground!",
         },
       }}
       {...props}

src/index.css

@@ -1043,6 +1043,12 @@ passes AA on every surface; buttons fill with --do-primary (#0A6FF0) and white t
   }
 }
 
+/* Body text is Nunito 600, so emphasis and minor headings in rendered answers step up to 800;
+   the typography plugin's 600 would read as plain text. Unlayered, so it beats the plugin. */
+.prose :where(strong, b, h3, h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  font-weight: 800;
+}
+
 /* Scroll margin for anchors under the sticky header. Unlayered, so it wins over scroll-mt-* as in v3. */
 [id] {
   scroll-margin-top: 5rem;