diff --git a/src/components/ProductCard.tsx b/src/components/ProductCard.tsx
index 3d75089..67a2eee 100644
--- a/src/components/ProductCard.tsx
+++ b/src/components/ProductCard.tsx
@@ -24,9 +24,9 @@ export function ProductCard({ product }: ProductCardProps) {
     toast({
       title: '✓ Added to cart',
       description: product.name,
-      className: 'bg-green-600 text-white border-green-700 [&>div]:text-white',
+      className: 'bg-primary text-primary-foreground border-primary [&>div]:text-primary-foreground',
       action: (
-        <Button size="sm" variant="outline" className="border-white text-white hover:bg-white/20 hover:text-white" onClick={() => setIsCartOpen(true)}>
+        <Button size="sm" variant="outline" className="border-primary-foreground text-primary-foreground hover:bg-primary-foreground/20 hover:text-primary-foreground" onClick={() => setIsCartOpen(true)}>
           View Cart
         </Button>
       ),