From 6dd022034f433dbaa0d027ce22797612d52c4ff3 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 22 Aug 2025 05:15:49 +0000
Subject: [PATCH] Update background colors

Set instructions box background to muted blue and credits box background to light green.
---
 src/components/BulgarianSolitaire.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/BulgarianSolitaire.tsx b/src/components/BulgarianSolitaire.tsx
index bebf40b..eec19bb 100644
--- a/src/components/BulgarianSolitaire.tsx
+++ b/src/components/BulgarianSolitaire.tsx
@@ -416,7 +416,7 @@ const BulgarianSolitaire: React.FC<BulgarianSolitaireProps> = ({ showSocialShare
       )}
 
       {/* Instructions */}
-      <div className="bg-muted/30 rounded-lg p-6 space-y-4">
+      <div className="bg-blue-50 dark:bg-blue-950/30 border border-blue-200 dark:border-blue-800 rounded-lg p-6 space-y-4">
         <button 
           onClick={() => setShowInstructions(!showInstructions)}
           className="text-lg font-semibold text-primary hover:underline cursor-pointer text-left"
@@ -437,7 +437,7 @@ const BulgarianSolitaire: React.FC<BulgarianSolitaireProps> = ({ showSocialShare
       </div>
 
       {/* Credits */}
-      <div className="bg-muted/30 rounded-lg p-6 space-y-4">
+      <div className="bg-green-50 dark:bg-green-950/30 border border-green-200 dark:border-green-800 rounded-lg p-6 space-y-4">
         <h3 className="text-lg font-semibold">Credits:</h3>
         <p className="text-sm text-muted-foreground">
           Find out more about Bulgarian Solitaire on{" "}