Extract shared home and environment settings for product reuse

packages/ui-react/src/Button.tsx

@@ -8,6 +8,8 @@ export type ButtonShape = "default" | "pill" | "rounded";
 
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   variant?: ButtonVariant;
+  /** Neutral primary actions remain white/gray independently of the product accent. */
+  tone?: "theme" | "neutral";
   size?: ButtonSize;
   width?: "auto" | "full";
   shape?: ButtonShape;
@@ -17,6 +19,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 
 export const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button({
     variant = "secondary",
+    tone = "theme",
     size = "default",
     width = "auto",
     shape = "default",
@@ -35,6 +38,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button
         type={type}
         className={cn("nodedc-button", className)}
         data-variant={variant}
+        data-tone={tone === "theme" ? undefined : tone}
         data-size={size === "default" ? undefined : size}
         data-width={width === "auto" ? undefined : width}
         data-shape={shape === "default" ? undefined : shape}