change primary color + logo

src/components/CartControls.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { PRIMARY_COLOR } from "@/config/const";
 import { Add, Minus, Trash } from "iconsax-react";
 import React from "react";
 
@@ -18,7 +19,6 @@ export default function CartControls(props: CartControlsProps) {
     const canDecrement = quantity > min;
     const canIncrement = typeof max === "number" ? quantity < max : true;
 
-    const orange = "blue";
 
     return (
         <div className={"flex items-center gap-2 sm:gap-4 " + (className ?? "")}>
@@ -30,9 +30,9 @@ export default function CartControls(props: CartControlsProps) {
                     disabled={!canIncrement}
                     aria-label="increase quantity"
                 >
-                    <Add size={18} color={orange} className="sm:w-5 sm:h-5" />
+                    <Add size={18} color={PRIMARY_COLOR} className="sm:w-5 sm:h-5" />
                 </button>
-                <span className="text-sm sm:text-[18px] font-medium" style={{ color: orange }}>
+                <span className="text-sm sm:text-[18px] font-medium" style={{ color: PRIMARY_COLOR }}>
                     {quantity}
                 </span>
                 <button
@@ -42,7 +42,7 @@ export default function CartControls(props: CartControlsProps) {
                     disabled={!canDecrement}
                     aria-label="decrease quantity"
                 >
-                    <Minus size={18} color={orange} className="sm:w-5 sm:h-5" />
+                    <Minus size={18} color={PRIMARY_COLOR} className="sm:w-5 sm:h-5" />
                 </button>
             </div>