hey-pharmacist-ecommerce 1.1.41 → 1.1.42

package/dist/index.js

@@ -248,7 +248,7 @@ function ThemeProvider({ config, children }) {
     vars.push(`--hp-secondary: ${config.colors.secondary}`);
     vars.push(`--hp-accent: ${config.colors.accent}`);
     vars.push(`--hp-accent-dark: ${config.colors.accentDark}`);
-    vars.push(`--hp-text-muted: ${config.colors.textMuted}`);
+    vars.push(`--hp-text-hmuted: ${config.colors.textMuted}`);
     Object.entries(primaryShades).forEach(([shade, rgb]) => {
       vars.push(`--hp-primary-${shade}: ${rgb}`);
     });
@@ -270,7 +270,7 @@ function ThemeProvider({ config, children }) {
     root.style.setProperty("--hp-secondary", config.colors.secondary);
     root.style.setProperty("--hp-accent", config.colors.accent);
     root.style.setProperty("--hp-accent-dark", config.colors.accentDark);
-    root.style.setProperty("--hp-text-muted", config.colors.textMuted);
+    root.style.setProperty("--hp-text-hmuted", config.colors.textMuted);
     Object.entries(primaryShades).forEach(([shade, rgb]) => {
       root.style.setProperty(`--hp-primary-${shade}`, rgb);
     });
@@ -12780,17 +12780,17 @@ function QuickViewModal({ product, onClose, onNavigateToProduct }) {
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-8", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between mb-6", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] text-[11px] text-primary uppercase tracking-wide font-medium mb-2", children: product.brand }),
-                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-secondary tracking-[-1px]", children: displayName }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] text-[11px] text-hprimary uppercase tracking-wide font-medium mb-2", children: product.brand }),
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-hsecondary tracking-[-1px]", children: displayName }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
                     lucideReact.Star,
                     {
-                      className: `size-4 ${i < Math.floor(product.summary?.averageRating || 0) ? "text-accent fill-accent" : "text-gray-300"}`
+                      className: `size-4 ${i < Math.floor(product.summary?.averageRating || 0) ? "text-haccent fill-accent" : "text-gray-300"}`
                     },
                     i
                   )) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] text-[13px] text-muted", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] text-[13px] text-hmuted", children: [
                     product.summary?.averageRating || 0,
                     " (",
                     product.summary?.reviewCount || 0,
@@ -12803,7 +12803,7 @@ function QuickViewModal({ product, onClose, onNavigateToProduct }) {
                 {
                   onClick: onClose,
                   className: "p-2 hover:bg-gray-100 rounded-full transition-colors",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-6 text-muted" })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-6 text-hmuted" })
                 }
               )
             ] }),
@@ -12818,7 +12818,7 @@ function QuickViewModal({ product, onClose, onNavigateToProduct }) {
                       className: "w-full h-full object-contain"
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-4 left-4 flex flex-col gap-2", children: isDiscounted && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-accent text-white rounded-full px-3 py-1.5", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] font-bold text-[11px] uppercase", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-4 left-4 flex flex-col gap-2", children: isDiscounted && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-haccent text-white rounded-full px-3 py-1.5", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] font-bold text-[11px] uppercase", children: [
                     "-",
                     discountAmount,
                     "%"
@@ -12827,7 +12827,7 @@ function QuickViewModal({ product, onClose, onNavigateToProduct }) {
                 selectedVariant.media.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-3", children: selectedVariant.media.map((image, index) => /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
-                    className: `aspect-square rounded-xl overflow-hidden cursor-pointer transition-opacity ${selectedImageIndex === index ? "ring-2 ring-primary" : "bg-gray-50 hover:opacity-75"}`,
+                    className: `aspect-square rounded-xl overflow-hidden cursor-pointer transition-opacity ${selectedImageIndex === index ? "ring-2 ring-hprimary" : "bg-gray-50 hover:opacity-75"}`,
                     onClick: () => setSelectedImageIndex(index),
                     children: /* @__PURE__ */ jsxRuntime.jsx(
                       "img",
@@ -12843,16 +12843,16 @@ function QuickViewModal({ product, onClose, onNavigateToProduct }) {
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] font-bold text-[32px] text-accent", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] font-bold text-[32px] text-haccent", children: [
                     "$",
                     displayPrice.toFixed(2)
                   ] }),
-                  isDiscounted && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] text-[20px] text-muted line-through", children: [
+                  isDiscounted && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] text-[20px] text-hmuted line-through", children: [
                     "$",
                     displayOriginalPrice.toFixed(2)
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6", children: selectedVariant.inventoryCount === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-['Poppins',sans-serif] text-[12px] text-red-500 font-medium", children: "Out of Stock" }) : selectedVariant.inventoryCount <= 10 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] text-[12px] text-primary font-medium flex items-center gap-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6", children: selectedVariant.inventoryCount === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-['Poppins',sans-serif] text-[12px] text-red-500 font-medium", children: "Out of Stock" }) : selectedVariant.inventoryCount <= 10 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] text-[12px] text-hprimary font-medium flex items-center gap-1", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: "size-3" }),
                   "Only ",
                   selectedVariant.inventoryCount,
@@ -12864,14 +12864,14 @@ function QuickViewModal({ product, onClose, onNavigateToProduct }) {
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
-                    className: "font-['Poppins',sans-serif] text-[14px] text-muted leading-[1.7] mb-6 max-w-full overflow-hidden break-words",
+                    className: "font-['Poppins',sans-serif] text-[14px] text-hmuted leading-[1.7] mb-6 max-w-full overflow-hidden break-words",
                     dangerouslySetInnerHTML: { __html: product.description }
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "font-['Poppins',sans-serif] font-semibold text-[13px] text-secondary mb-3", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "font-['Poppins',sans-serif] font-semibold text-[13px] text-hsecondary mb-3", children: [
                     "Selected Variant: ",
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-normal text-muted", children: product.variants[selectedVariantIndex].name })
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-normal text-hmuted", children: product.variants[selectedVariantIndex].name })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-3", children: product.variants.map((variant, index) => /* @__PURE__ */ jsxRuntime.jsx(
                     "button",
@@ -12881,7 +12881,7 @@ function QuickViewModal({ product, onClose, onNavigateToProduct }) {
                         setSelectedSizeIndex(0);
                         setSelectedImageIndex(0);
                       },
-                      className: `size-10 rounded-full border-2 transition-all ${selectedVariantIndex === index ? "border-primary scale-110" : "border-gray-200 hover:border-primary-50"}`,
+                      className: `size-10 rounded-full border-2 transition-all ${selectedVariantIndex === index ? "border-hprimary scale-110" : "border-gray-200 hover:border-hprimary-50"}`,
                       style: { backgroundColor: variant.colorHex },
                       title: variant.color,
                       children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -12899,11 +12899,11 @@ function QuickViewModal({ product, onClose, onNavigateToProduct }) {
                   )) })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 p-4 bg-gray-50 rounded-xl", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2", children: product.tags.slice(0, 3).map((feature, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-4 text-primary shrink-0 mt-0.5" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-['Poppins',sans-serif] text-[12px] text-muted", children: feature })
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-4 text-hprimary shrink-0 mt-0.5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-['Poppins',sans-serif] text-[12px] text-hmuted", children: feature })
                 ] }, index)) }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-['Poppins',sans-serif] font-semibold text-[13px] text-secondary mb-3", children: "Quantity" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-['Poppins',sans-serif] font-semibold text-[13px] text-hsecondary mb-3", children: "Quantity" }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
                       "button",
@@ -12911,7 +12911,7 @@ function QuickViewModal({ product, onClose, onNavigateToProduct }) {
                         onClick: () => handleQuantityChange(quantity - 1),
                         disabled: quantity <= 1,
                         className: "p-2 rounded-full border border-gray-200 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed",
-                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "size-4 text-secondary" })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "size-4 text-hsecondary" })
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-8 text-center font-medium", children: quantity }),
@@ -12921,7 +12921,7 @@ function QuickViewModal({ product, onClose, onNavigateToProduct }) {
                         onClick: () => handleQuantityChange(quantity + 1),
                         disabled: quantity >= (selectedVariant.inventoryCount || 10),
                         className: "p-2 rounded-full border border-gray-200 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed",
-                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-4 text-secondary" })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-4 text-hsecondary" })
                       }
                     )
                   ] })
@@ -12932,7 +12932,7 @@ function QuickViewModal({ product, onClose, onNavigateToProduct }) {
                     {
                       onClick: handleAddToCart,
                       disabled: addedToCart || selectedVariant.inventoryCount === 0,
-                      className: `w-full font-['Poppins',sans-serif] font-medium text-[14px] px-6 py-4 rounded-full transition-all duration-300 flex items-center justify-center gap-3 ${addedToCart ? "bg-green-500 text-white" : "bg-accent text-white hover:bg-[#d66f45] hover:shadow-lg disabled:opacity-50 disabled:cursor-not-allowed"}`,
+                      className: `w-full font-['Poppins',sans-serif] font-medium text-[14px] px-6 py-4 rounded-full transition-all duration-300 flex items-center justify-center gap-3 ${addedToCart ? "bg-green-500 text-white" : "bg-haccent text-white hover:bg-[#d66f45] hover:shadow-lg disabled:opacity-50 disabled:cursor-not-allowed"}`,
                       children: isAddingToCart ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                         /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "animate-spin h-5 w-5", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
                           /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
@@ -12951,7 +12951,7 @@ function QuickViewModal({ product, onClose, onNavigateToProduct }) {
                       onClick: () => {
                         onClose();
                       },
-                      className: "w-full font-['Poppins',sans-serif] font-medium text-[13px] px-6 py-3 rounded-full bg-white text-secondary border-2 border-primary hover:bg-gray-50 transition-all flex items-center justify-center gap-2",
+                      className: "w-full font-['Poppins',sans-serif] font-medium text-[13px] px-6 py-3 rounded-full bg-white text-hsecondary border-2 border-hprimary hover:bg-gray-50 transition-all flex items-center justify-center gap-2",
                       children: [
                         "View Full Details",
                         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "size-4" })
@@ -13062,7 +13062,7 @@ function ProductCard({
     /* @__PURE__ */ jsxRuntime.jsxs(
       framerMotion.motion.div,
       {
-        className: "bg-white rounded-[16px] overflow-hidden border-2 border-gray-100 hover:border-secondary hover:shadow-lg transition-all duration-300 group h-full flex flex-col",
+        className: "bg-white rounded-[16px] overflow-hidden border-2 border-gray-100 hover:border-hsecondary hover:shadow-lg transition-all duration-300 group h-full flex flex-col",
         whileHover: { y: -4 },
         onMouseEnter: () => setIsHovered(true),
         onMouseLeave: () => setIsHovered(false),
@@ -13114,7 +13114,7 @@ function ProductCard({
                 displayDiscountAmount,
                 "%"
               ] }) }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] text-xs text-secondary uppercase tracking-wide font-medium", children: product.brand }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] text-xs text-hsecondary uppercase tracking-wide font-medium", children: product.brand }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-[40px] mb-3", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-['Poppins',sans-serif] font-semibold text-[#2B4B7C] line-clamp-2", children: product.name }),
                 selectedVariant && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-['Poppins',sans-serif] text-[#676c80]", children: selectedVariant.name })
@@ -13134,7 +13134,7 @@ function ProductCard({
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 mb-3", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] font-bold text-md text-primary-600", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] font-bold text-md text-hprimary-600", children: [
                   "$",
                   displayFinalPrice.toFixed(2)
                 ] }),
@@ -13158,7 +13158,7 @@ function ProductCard({
                     }
                     setIsImageLoaded(false);
                   },
-                  className: `relative w-8 h-8 rounded-full overflow-hidden border-2 transition-all ${selectedVariantId === variant.variantId ? "border-primary-500 ring-2 ring-primary-200" : "border-gray-200 hover:border-primary-300"}`,
+                  className: `relative w-8 h-8 rounded-full overflow-hidden border-2 transition-all ${selectedVariantId === variant.variantId ? "border-hprimary-500 ring-2 ring-hprimary-200" : "border-gray-200 hover:border-hprimary-300"}`,
                   "aria-label": `Select ${variant.variantName || "variant"}`,
                   children: /* @__PURE__ */ jsxRuntime.jsx(
                     Image4__default.default,
@@ -13213,7 +13213,7 @@ function ProductCard({
                   }
                 },
                 disabled: isAddingToCart || variantImages.length > 0 && !selectedVariantId || displayInventoryCount === 0,
-                className: "w-full font-['Poppins',sans-serif] font-medium text-[11px] px-3 py-2 rounded-full bg-secondary text-white hover:bg-secondary/80 hover:shadow-lg transition-all duration-300 flex items-center justify-center gap-1.5 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer",
+                className: "w-full font-['Poppins',sans-serif] font-medium text-[11px] px-3 py-2 rounded-full bg-hsecondary text-white hover:bg-hsecondary/80 hover:shadow-lg transition-all duration-300 flex items-center justify-center gap-1.5 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShoppingCart, { className: "h-4 w-4" }),
                   displayInventoryCount === 0 ? "Out of Stock" : "Add to Cart"
@@ -13277,11 +13277,11 @@ function Button({
   children,
   ...props
 }) {
-  const baseStyles = "font-medium rounded-full transition-all duration-200 inline-flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500 hover:cursor-pointer";
+  const baseStyles = "font-medium rounded-full transition-all duration-200 inline-flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-hprimary-500 hover:cursor-pointer";
   const variants = {
     primary: "bg-[#0E172B] text-white hover:bg-[#0E172B]/80 shadow-lg shadow-[#0E172B]/30 hover:shadow-xl hover:shadow-[#0E172B]/40",
-    secondary: "bg-secondary-600 text-white hover:bg-secondary-700 shadow-lg shadow-secondary-500/30 hover:shadow-xl hover:shadow-secondary-500/40",
-    "outline-solid": "border-2 border-primary-600 text-primary-600 hover:bg-primary-50",
+    secondary: "bg-hsecondary-600 text-white hover:bg-hsecondary-700 shadow-lg shadow-secondary-500/30 hover:shadow-xl hover:shadow-secondary-500/40",
+    "outline-solid": "border-2 border-hprimary-600 text-hprimary-600 hover:bg-hprimary-50",
     ghost: "text-gray-700 hover:bg-gray-100"
   };
   const sizes = {
@@ -13333,7 +13333,7 @@ var Input = React10.forwardRef(
           ref,
           className: `
             w-full px-4 py-3 rounded-lg border-2 transition-all duration-200
-            ${error ? "border-red-500 focus:border-red-600 focus:ring-red-500/20" : "border-gray-200 focus:border-primary-500 focus:ring-primary-500/20"}
+            ${error ? "border-red-500 focus:border-red-600 focus:ring-red-500/20" : "border-gray-200 focus:border-hprimary-500 focus:ring-hprimary-500/20"}
             focus:outline-hidden focus:ring-4
             placeholder:text-gray-400
             disabled:bg-gray-50 disabled:cursor-not-allowed
@@ -14001,11 +14001,11 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     return lucideReact.Package;
   };
   const renderFiltersPanel = () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `lg:w-72 ${showFilters ? "block rounded-full" : "hidden lg:block"}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-[24px] p-6 border-2 border-gray-100 sticky top-24", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-['Poppins',sans-serif] font-semibold text-secondary", children: "Filters" }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-['Poppins',sans-serif] font-semibold text-hsecondary", children: "Filters" }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "font-['Poppins',sans-serif] text-[12px] text-muted mb-2 block font-medium", children: "Search Products" }),
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "font-['Poppins',sans-serif] text-[12px] text-hmuted mb-2 block font-medium", children: "Search Products" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-hmuted" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
@@ -14013,7 +14013,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
             placeholder: "Search...",
             value: searchQuery,
             onChange: handleInputChange,
-            className: "w-full pl-10 pr-4 py-2.5 rounded-xl border-2 border-gray-200 focus:border-primary focus:outline-hidden font-['Poppins',sans-serif] text-[13px] text-secondary"
+            className: "w-full pl-10 pr-4 py-2.5 rounded-xl border-2 border-gray-200 focus:border-hprimary focus:outline-hidden font-['Poppins',sans-serif] text-[13px] text-hsecondary"
           }
         )
       ] })
@@ -14025,8 +14025,8 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
           onClick: () => toggleFilterSection("category"),
           className: "w-full flex items-center justify-between mb-3",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "font-['Poppins',sans-serif] text-[12px] text-muted font-medium cursor-pointer", children: "Category" }),
-            expandedFilterSections.category ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `size-4 text-muted transition-transform ${expandedFilterSections.category ? "rotate-180" : ""}` }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `size-4 text-muted transition-transform ${expandedFilterSections.category ? "rotate-180" : ""}` })
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "font-['Poppins',sans-serif] text-[12px] text-hmuted font-medium cursor-pointer", children: "Category" }),
+            expandedFilterSections.category ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `size-4 text-hmuted transition-transform ${expandedFilterSections.category ? "rotate-180" : ""}` }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `size-4 text-hmuted transition-transform ${expandedFilterSections.category ? "rotate-180" : ""}` })
           ]
         }
       ),
@@ -14042,7 +14042,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
               if (!isExpanded) toggleCategoryExpand(categoryId);
               handleCategoryChange(categoryId);
             },
-            className: `w-full text-left px-4 py-3 rounded-xl font-['Poppins',sans-serif] text-[13px] transition-all flex items-center gap-3 ${isCategoryActive ? "bg-primary text-white shadow-lg" : "text-secondary hover:bg-gray-50 border-2 border-gray-100"}`,
+            className: `w-full text-left px-4 py-3 rounded-xl font-['Poppins',sans-serif] text-[13px] transition-all flex items-center gap-3 ${isCategoryActive ? "bg-hprimary text-white shadow-lg" : "text-hsecondary hover:bg-gray-50 border-2 border-gray-100"}`,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-4" }),
               category.name
@@ -14059,8 +14059,8 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
           onClick: () => toggleFilterSection("brand"),
           className: "w-full flex items-center justify-between mb-3",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "font-['Poppins',sans-serif] text-[12px] text-muted font-medium cursor-pointer", children: "Brand" }),
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `size-4 text-muted transition-transform ${expandedFilterSections.brand ? "rotate-180" : ""}` })
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "font-['Poppins',sans-serif] text-[12px] text-hmuted font-medium cursor-pointer", children: "Brand" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `size-4 text-hmuted transition-transform ${expandedFilterSections.brand ? "rotate-180" : ""}` })
           ]
         }
       ),
@@ -14070,7 +14070,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
           "button",
           {
             onClick: () => handleBrandChange(brand),
-            className: `w-full text-left px-4 py-3 rounded-xl font-['Poppins',sans-serif] text-[13px] transition-all ${isSelected ? "bg-primary text-white shadow-lg" : "text-secondary hover:bg-gray-50 border-2 border-gray-100"}`,
+            className: `w-full text-left px-4 py-3 rounded-xl font-['Poppins',sans-serif] text-[13px] transition-all ${isSelected ? "bg-hprimary text-white shadow-lg" : "text-hsecondary hover:bg-gray-50 border-2 border-gray-100"}`,
             children: brand
           },
           brand
@@ -14084,8 +14084,8 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
           onClick: () => toggleFilterSection("availability"),
           className: "w-full flex items-center justify-between mb-3",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "font-['Poppins',sans-serif] text-[12px] text-muted font-medium cursor-pointer", children: "Availability" }),
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `size-4 text-muted transition-transform ${expandedFilterSections.availability ? "rotate-180" : ""}` })
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "font-['Poppins',sans-serif] text-[12px] text-hmuted font-medium cursor-pointer", children: "Availability" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `size-4 text-hmuted transition-transform ${expandedFilterSections.availability ? "rotate-180" : ""}` })
           ]
         }
       ),
@@ -14093,7 +14093,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
         "button",
         {
           onClick: handleToggleStock,
-          className: `w-full flex items-center justify-between px-4 py-3 rounded-xl font-['Poppins',sans-serif] text-[13px] transition-all border-2 ${inStockOnly ? "bg-primary text-white shadow-lg" : "text-secondary hover:bg-gray-50 border-2 border-gray-100"}`,
+          className: `w-full flex items-center justify-between px-4 py-3 rounded-xl font-['Poppins',sans-serif] text-[13px] transition-all border-2 ${inStockOnly ? "bg-hprimary text-white shadow-lg" : "text-hsecondary hover:bg-gray-50 border-2 border-gray-100"}`,
           children: "In Stock Only"
         }
       ) })
@@ -14105,8 +14105,8 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
           onClick: () => toggleFilterSection("price"),
           className: "w-full flex items-center justify-between mb-3",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "font-['Poppins',sans-serif] text-[12px] text-muted font-medium cursor-pointer", children: "Price Range" }),
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `size-4 text-muted transition-transform ${expandedFilterSections.price ? "rotate-180" : ""}` })
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "font-['Poppins',sans-serif] text-[12px] text-hmuted font-medium cursor-pointer", children: "Price Range" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `size-4 text-hmuted transition-transform ${expandedFilterSections.price ? "rotate-180" : ""}` })
           ]
         }
       ),
@@ -14118,7 +14118,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
             {
               type: "button",
               onClick: () => handlePriceRangeSelect(range.value),
-              className: `w-full flex items-center justify-between px-4 py-3 rounded-xl font-['Poppins',sans-serif] text-[13px] transition-all border-2 ${isActive ? "bg-primary text-white shadow-lg" : "text-secondary hover:bg-gray-50 border-2 border-gray-100"}`,
+              className: `w-full flex items-center justify-between px-4 py-3 rounded-xl font-['Poppins',sans-serif] text-[13px] transition-all border-2 ${isActive ? "bg-hprimary text-white shadow-lg" : "text-hsecondary hover:bg-gray-50 border-2 border-gray-100"}`,
               children: range.label
             },
             range.value
@@ -14133,7 +14133,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
               placeholder: "Min",
               value: customPrice.min,
               onChange: (event) => setCustomPrice((current) => ({ ...current, min: event.target.value })),
-              className: "w-1/2 px-4 py-2.5 rounded-xl border-2 border-gray-200 focus:border-primary focus:outline-hidden font-['Poppins',sans-serif] text-[13px] text-secondary"
+              className: "w-1/2 px-4 py-2.5 rounded-xl border-2 border-gray-200 focus:border-hprimary focus:outline-hidden font-['Poppins',sans-serif] text-[13px] text-hsecondary"
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -14144,7 +14144,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
               placeholder: "Max",
               value: customPrice.max,
               onChange: (event) => setCustomPrice((current) => ({ ...current, max: event.target.value })),
-              className: "w-1/2 px-4 py-2.5 rounded-xl border-2 border-gray-200 focus:border-primary focus:outline-hidden font-['Poppins',sans-serif] text-[13px] text-secondary"
+              className: "w-1/2 px-4 py-2.5 rounded-xl border-2 border-gray-200 focus:border-hprimary focus:outline-hidden font-['Poppins',sans-serif] text-[13px] text-hsecondary"
             }
           )
         ] }),
@@ -14154,7 +14154,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
             type: "button",
             onClick: applyCustomPrice,
             disabled: !isCustomPriceDirty,
-            className: "w-full rounded-lg border border-primary bg-primary-10 px-4 py-2 text-sm font-medium text-primary transition hover:bg-primary-20 disabled:cursor-not-allowed disabled:border-slate-200 disabled:text-slate-400",
+            className: "w-full rounded-lg border border-hprimary bg-hprimary-10 px-4 py-2 text-sm font-medium text-hprimary transition hover:bg-hprimary-20 disabled:cursor-not-allowed disabled:border-slate-200 disabled:text-slate-400",
             children: "Apply"
           }
         )
@@ -14173,7 +14173,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     return lucideReact.Package;
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-[#F9FAFB]", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "relative overflow-hidden bg-primary-bg py-16 md:py-24", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "relative overflow-hidden bg-hprimary-bg py-16 md:py-24", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ jsxRuntime.jsxs(
       framerMotion.motion.div,
       {
         initial: { opacity: 0, y: 24 },
@@ -14181,8 +14181,8 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
         className: "max-w-4xl mx-auto space-y-6 text-center",
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 mb-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Star, { className: "h-5 w-5 text-primary fill-primary" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold uppercase tracking-wider text-primary", children: "COMPLETE PHARMACY SHOP" })
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Star, { className: "h-5 w-5 text-hprimary fill-primary" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold uppercase tracking-wider text-hprimary", children: "COMPLETE PHARMACY SHOP" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl md:text-4xl font-bold text-slate-900 leading-tight", children: "Medical Supplies & Wellness Products" }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base md:text-lg text-slate-600 max-w-2xl mx-auto", children: "From professional scrubs to vitamins, medicines to personal care - everything you need for health and wellness." }),
@@ -14201,7 +14201,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
                     value: searchQuery,
                     onChange: handleInputChange,
                     onKeyDown: handleKeyDown,
-                    className: "flex h-16 w-full rounded-full border-0 bg-white px-5 pl-14 pr-5 text-base text-slate-900 placeholder-slate-400 shadow-lg focus:outline-hidden focus:ring-2 focus:ring-primary-500/30 disabled:opacity-50",
+                    className: "flex h-16 w-full rounded-full border-0 bg-white px-5 pl-14 pr-5 text-base text-slate-900 placeholder-slate-400 shadow-lg focus:outline-hidden focus:ring-2 focus:ring-hprimary-500/30 disabled:opacity-50",
                     disabled: isSearching
                   }
                 )
@@ -14212,7 +14212,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       }
     ) }) }),
     /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-8 bg-white", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container mx-auto px-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl md:text-3xl font-['Poppins',sans-serif] font-semibold text-secondary mb-6", children: "Shop by Category" }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl md:text-3xl font-['Poppins',sans-serif] font-semibold text-hsecondary mb-6", children: "Shop by Category" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           framerMotion.motion.button,
@@ -14220,11 +14220,11 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
             onClick: handleClearCategory,
             initial: { opacity: 0, y: 20 },
             animate: { opacity: 1, y: 0 },
-            className: `group relative overflow-hidden rounded-[24px] p-6 min-h-[180px] min-w-[170px] transition-all duration-300 ${!categoryFilter ? "bg-linear-to-br from-primary to-secondary text-white shadow-xl scale-105" : "bg-linear-to-br from-gray-50 to-white hover:shadow-lg border-2 border-gray-100 hover:border-primary"}`,
+            className: `group relative overflow-hidden rounded-[24px] p-6 min-h-[180px] min-w-[170px] transition-all duration-300 ${!categoryFilter ? "bg-linear-to-br from-hprimary to-hsecondary text-white shadow-xl scale-105" : "bg-linear-to-br from-gray-50 to-white hover:shadow-lg border-2 border-gray-100 hover:border-hprimary"}`,
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: `size-12 rounded-full mb-3 mx-auto flex items-center justify-center transition-all ${!categoryFilter ? "bg-white/20" : "bg-linear-to-br from-primary-10 to-secondary-10 group-hover:scale-110"}`, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: `size-6 ${!categoryFilter ? "text-white" : "text-primary"}` }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: `font-['Poppins',sans-serif] font-semibold text-[14px] mb-1.5 ${!categoryFilter ? "text-white" : "text-secondary"}`, children: "All Products" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: `font-['Poppins',sans-serif] text-[11px] ${!categoryFilter ? "text-white/80" : "text-muted"}`, children: "Browse Everything" })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: `size-12 rounded-full mb-3 mx-auto flex items-center justify-center transition-all ${!categoryFilter ? "bg-white/20" : "bg-linear-to-br from-hprimary-10 to-hsecondary-10 group-hover:scale-110"}`, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: `size-6 ${!categoryFilter ? "text-white" : "text-hprimary"}` }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: `font-['Poppins',sans-serif] font-semibold text-[14px] mb-1.5 ${!categoryFilter ? "text-white" : "text-hsecondary"}`, children: "All Products" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: `font-['Poppins',sans-serif] text-[11px] ${!categoryFilter ? "text-white/80" : "text-hmuted"}`, children: "Browse Everything" })
             ] })
           }
         ),
@@ -14239,11 +14239,11 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
               animate: { opacity: 1, y: 0 },
               transition: { delay: index * 0.1 },
               onClick: () => handleCategoryChange(categoryId),
-              className: `group relative overflow-hidden rounded-[24px] p-6 min-h-[180px] min-w-[170px] transition-all duration-300 ${isSelected ? "bg-linear-to-br from-primary to-secondary text-white shadow-xl scale-105" : "bg-linear-to-br from-gray-50 to-white hover:shadow-lg border-2 border-gray-100 hover:border-primary"}`,
+              className: `group relative overflow-hidden rounded-[24px] p-6 min-h-[180px] min-w-[170px] transition-all duration-300 ${isSelected ? "bg-linear-to-br from-hprimary to-hsecondary text-white shadow-xl scale-105" : "bg-linear-to-br from-gray-50 to-white hover:shadow-lg border-2 border-gray-100 hover:border-hprimary"}`,
               children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: `size-12 rounded-full mb-3 mx-auto flex items-center justify-center transition-all ${isSelected ? "bg-white/20" : "bg-linear-to-br from-primary-10 to-secondary-10 group-hover:scale-110"}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: `size-6 ${isSelected ? "text-white" : "text-primary"}` }) }),
-                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: `font-['Poppins',sans-serif] font-semibold text-[14px] mb-1.5 ${isSelected ? "text-white" : "text-secondary"}`, children: category.name }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: `font-['Poppins',sans-serif] text-[11px] ${isSelected ? "text-white/80" : "text-muted"}`, children: category.description })
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: `size-12 rounded-full mb-3 mx-auto flex items-center justify-center transition-all ${isSelected ? "bg-white/20" : "bg-linear-to-br from-hprimary-10 to-hsecondary-10 group-hover:scale-110"}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: `size-6 ${isSelected ? "text-white" : "text-hprimary"}` }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: `font-['Poppins',sans-serif] font-semibold text-[14px] mb-1.5 ${isSelected ? "text-white" : "text-hsecondary"}`, children: category.name }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: `font-['Poppins',sans-serif] text-[11px] ${isSelected ? "text-white/80" : "text-hmuted"}`, children: category.description })
               ] })
             },
             categoryId
@@ -14267,7 +14267,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
                     onChange: (event) => {
                       setSortOption(event.target.value);
                     },
-                    className: "appearance-none rounded-full border border-gray-200 bg-white py-2.5 pl-10 pr-9 text-sm font-medium text-gray-700 shadow-xs transition focus:outline-hidden focus:ring-1 focus:ring-secondary focus:border-primary",
+                    className: "appearance-none rounded-full border border-gray-200 bg-white py-2.5 pl-10 pr-9 text-sm font-medium text-gray-700 shadow-xs transition focus:outline-hidden focus:ring-1 focus:ring-hsecondary focus:border-hprimary",
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx("option", { value: "featured", children: "Featured products" }),
                       /* @__PURE__ */ jsxRuntime.jsx("option", { value: "price-low-high", children: "Price: low to high" }),
@@ -14284,7 +14284,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
                   {
                     type: "button",
                     onClick: () => setViewMode("grid"),
-                    className: `flex items-center gap-2 rounded-full px-4 py-2 text-sm font-medium transition ${viewMode === "grid" ? "bg-white text-primary shadow-md" : "text-gray-500 hover:text-gray-700"}`,
+                    className: `flex items-center gap-2 rounded-full px-4 py-2 text-sm font-medium transition ${viewMode === "grid" ? "bg-white text-hprimary shadow-md" : "text-gray-500 hover:text-gray-700"}`,
                     "aria-pressed": viewMode === "grid",
                     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutGrid, { className: "h-4 w-4" })
                   }
@@ -14294,7 +14294,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
                   {
                     type: "button",
                     onClick: () => setViewMode("list"),
-                    className: `flex items-center gap-2 rounded-full px-4 py-2 text-sm font-medium transition ${viewMode === "list" ? "bg-white text-primary shadow-md" : "text-gray-500 hover:text-gray-700"}`,
+                    className: `flex items-center gap-2 rounded-full px-4 py-2 text-sm font-medium transition ${viewMode === "list" ? "bg-white text-hprimary shadow-md" : "text-gray-500 hover:text-gray-700"}`,
                     "aria-pressed": viewMode === "list",
                     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutList, { className: "h-4 w-4" })
                   }
@@ -14308,10 +14308,10 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
               {
                 type: "button",
                 onClick: chip.onRemove,
-                className: "group flex items-center gap-2 rounded-full bg-primary-50 px-3 py-1.5 text-sm font-medium text-primary-700 transition hover:bg-primary-100",
+                className: "group flex items-center gap-2 rounded-full bg-hprimary-50 px-3 py-1.5 text-sm font-medium text-hprimary-700 transition hover:bg-hprimary-100",
                 children: [
                   chip.label,
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4 text-primary-500 group-hover:text-primary-700" })
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4 text-hprimary-500 group-hover:text-hprimary-700" })
                 ]
               },
               chip.key
@@ -14359,7 +14359,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
                     }
                   ) }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-3", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-2 text-xs font-semibold uppercase tracking-wide text-primary-600", children: product.tags?.slice(0, 3).map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-2 text-xs font-semibold uppercase tracking-wide text-hprimary-600", children: product.tags?.slice(0, 3).map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
                       "span",
                       {
                         className: "rounded-full bg-slate-100 px-3 py-1 text-gray-600",
@@ -14369,12 +14369,12 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
                     )) }),
                     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-semibold text-gray-900 line-clamp-2", children: product.name }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-4 text-sm text-gray-500", children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2 font-medium text-primary-600", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2 font-medium text-hprimary-600", children: [
                         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "h-4 w-4" }),
                         displayInventoryCount > 0 ? "In stock & ready to ship" : "Restocking soon"
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-4 w-4 text-primary-500" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-4 w-4 text-hprimary-500" }),
                         "Added ",
                         new Date(product.createdAt).toLocaleDateString()
                       ] })
@@ -14392,7 +14392,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
                           event.stopPropagation();
                           router.push(buildPath(`/products/${product._id}`));
                         },
-                        className: "w-full font-['Poppins',sans-serif] font-medium text-sm px-3 py-2 rounded-xl bg-secondary text-white hover:opacity-80 hover:shadow-lg transition-all duration-300 flex items-center justify-center gap-1.5 disabled:opacity-50 disabled:cursor-not-allowed",
+                        className: "w-full font-['Poppins',sans-serif] font-medium text-sm px-3 py-2 rounded-xl bg-hsecondary text-white hover:opacity-80 hover:shadow-lg transition-all duration-300 flex items-center justify-center gap-1.5 disabled:opacity-50 disabled:cursor-not-allowed",
                         children: "View product"
                       }
                     )
@@ -14758,7 +14758,7 @@ function ReviewCard({ review, showProductInfo = false }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border border-gray-200 rounded-lg p-4 bg-white", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between mb-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 bg-secondary/10 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "size-5 text-secondary" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 bg-hsecondary/10 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "size-5 text-hsecondary" }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-gray-900", children: "Customer Review" }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: dateFns.formatDistanceToNow(reviewDate, { addSuffix: true }) })
@@ -14768,9 +14768,9 @@ function ReviewCard({ review, showProductInfo = false }) {
     ] }),
     review.reviewType && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block px-2 py-1 text-xs bg-gray-100 text-gray-600 rounded mb-2", children: review.reviewType }),
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-700 text-sm leading-relaxed mb-3", children: review.review }),
-    review.reply && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 pl-4 border-l-2 border-secondary bg-gray-50 p-3 rounded", children: [
+    review.reply && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 pl-4 border-l-2 border-hsecondary bg-gray-50 p-3 rounded", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageCircle, { className: "size-4 text-secondary" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageCircle, { className: "size-4 text-hsecondary" }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-gray-900", children: "Store Response" }),
         replyDate && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: dateFns.formatDistanceToNow(replyDate, { addSuffix: true }) })
       ] }),
@@ -15120,7 +15120,7 @@ function ProductDetailScreen({ productId }) {
   }
   if (!product) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-screen bg-slate-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 py-16", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-3xl bg-white p-10 text-center shadow-xs", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "mx-auto h-10 w-10 text-primary-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "mx-auto h-10 w-10 text-hprimary-500" }),
       /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mt-6 text-2xl font-semibold text-gray-900", children: "Product not found" }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-gray-600", children: "It may have been removed or is temporarily unavailable. Discover other pharmacy essentials in our catalogue." }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsxRuntime.jsx(Link9__default.default, { href: "/shop", className: "inline-block", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { children: "Browse products" }) }) })
@@ -15131,7 +15131,7 @@ function ProductDetailScreen({ productId }) {
       "button",
       {
         onClick: () => router.push(buildPath("/shop")),
-        className: "flex items-center gap-2 font-['Poppins',sans-serif] text-[13px] text-muted hover:text-primary transition-colors",
+        className: "flex items-center gap-2 font-['Poppins',sans-serif] text-[13px] text-hmuted hover:text-hprimary transition-colors",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-4" }),
           "Back to Shop"
@@ -15184,7 +15184,7 @@ function ProductDetailScreen({ productId }) {
             {
               type: "button",
               onClick: () => setActiveImageIndex(index),
-              className: `relative aspect-square overflow-hidden rounded-lg border-2 transition-all ${activeImageIndex === index ? "border-primary-50 ring-2 ring-primary-80 ring-offset-2 shadow-md" : "border-slate-200 hover:border-primary-50"}`,
+              className: `relative aspect-square overflow-hidden rounded-lg border-2 transition-all ${activeImageIndex === index ? "border-hprimary-50 ring-2 ring-hprimary-80 ring-offset-2 shadow-md" : "border-slate-200 hover:border-hprimary-50"}`,
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 Image4__default.default,
                 {
@@ -15202,12 +15202,12 @@ function ProductDetailScreen({ productId }) {
         ] }) }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "space-y-6 lg:sticky lg:top-24", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-['Poppins',sans-serif] text-[12px] text-primary uppercase tracking-wide font-medium mb-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-['Poppins',sans-serif] text-[12px] text-hprimary uppercase tracking-wide font-medium mb-2", children: [
               product.brand,
               " \u2022 ",
               product.categoryIds?.[0]?.name || "Uncategorized"
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-['Poppins',sans-serif] font-semibold text-secondary tracking-[-1.5px] mb-3", children: selectedVariant?.name || product.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-['Poppins',sans-serif] font-semibold text-hsecondary tracking-[-1.5px] mb-3", children: selectedVariant?.name || product.name }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
                 lucideReact.Star,
@@ -15216,7 +15216,7 @@ function ProductDetailScreen({ productId }) {
                 },
                 i
               )) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] text-[14px] text-muted", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] text-[14px] text-hmuted", children: [
                 reviewStats.averageRating,
                 " (",
                 reviewStats.reviewCount,
@@ -15231,7 +15231,7 @@ function ProductDetailScreen({ productId }) {
                 variantPrice.toFixed(2)
               ] }),
               variantComparePrice && variantComparePrice > variantPrice && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] text-[24px] text-muted line-through", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] text-[24px] text-hmuted line-through", children: [
                   "$",
                   variantComparePrice.toFixed(2)
                 ] }),
@@ -15246,8 +15246,8 @@ function ProductDetailScreen({ productId }) {
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-3 rounded-full bg-red-500" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-['Poppins',sans-serif] text-[13px] text-red-600 font-medium", children: "Out of Stock" })
               ] }) : selectedVariant.inventoryStatus === "LOW_STOCK" /* LOWSTOCK */ || selectedVariant.inventoryCount <= 10 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-3 rounded-full bg-primary animate-pulse" }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] text-[13px] text-primary font-medium", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-3 rounded-full bg-hprimary animate-pulse" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] text-[13px] text-hprimary font-medium", children: [
                   "Only ",
                   selectedVariant.inventoryCount,
                   " left in stock - Order soon!"
@@ -15256,7 +15256,7 @@ function ProductDetailScreen({ productId }) {
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-3 rounded-full bg-green-500" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-['Poppins',sans-serif] text-[13px] text-green-600 font-medium", children: "In Stock" })
               ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-['Poppins',sans-serif] text-[12px] text-muted", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-['Poppins',sans-serif] text-[12px] text-hmuted", children: [
                 "SKU: ",
                 selectedVariant?.sku || product?.sku
               ] })
@@ -15264,12 +15264,12 @@ function ProductDetailScreen({ productId }) {
             product.description && /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                className: "font-['Poppins',sans-serif] text-[14px] text-muted leading-[1.7] mb-8 max-w-full overflow-hidden break-words",
+                className: "font-['Poppins',sans-serif] text-[14px] text-hmuted leading-[1.7] mb-8 max-w-full overflow-hidden break-words",
                 dangerouslySetInnerHTML: { __html: product.description }
               }
             ),
             product?.variants && product.variants.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-['Poppins',sans-serif] font-semibold text-[14px] text-secondary mb-3", children: "Select Variant" }),
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-['Poppins',sans-serif] font-semibold text-[14px] text-hsecondary mb-3", children: "Select Variant" }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-3", children: product.variants.map((variant) => {
                 const isSelected = selectedVariant?._id === variant._id;
                 const variantImage = variant.media?.[0]?.file || product.media?.[0]?.file || product.images?.[0] || PLACEHOLDER_IMAGE_SRC;
@@ -15278,9 +15278,9 @@ function ProductDetailScreen({ productId }) {
                   {
                     type: "button",
                     onClick: () => handleVariantSelect(variant),
-                    className: `flex items-start gap-3 px-4 py-2.5 rounded-xl border-2 transition-all ${isSelected ? "border-primary bg-primary-5" : "border-gray-200 hover:border-primary-50"}`,
+                    className: `flex items-start gap-3 px-4 py-2.5 rounded-xl border-2 transition-all ${isSelected ? "border-hprimary bg-hprimary-5" : "border-gray-200 hover:border-hprimary-50"}`,
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `relative h-12 w-12 shrink-0 overflow-hidden rounded-full border-2 ${isSelected ? "border-primary" : "border-slate-200"}`, children: /* @__PURE__ */ jsxRuntime.jsx(
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `relative h-12 w-12 shrink-0 overflow-hidden rounded-full border-2 ${isSelected ? "border-hprimary" : "border-slate-200"}`, children: /* @__PURE__ */ jsxRuntime.jsx(
                         Image4__default.default,
                         {
                           src: variantImage,
@@ -15291,13 +15291,13 @@ function ProductDetailScreen({ productId }) {
                         }
                       ) }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-start text-sm font-medium ${isSelected ? "text-secondary" : "text-slate-900"}`, children: variant.name }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-start text-sm font-medium ${isSelected ? "text-hsecondary" : "text-slate-900"}`, children: variant.name }),
                         variant.sku && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-start text-xs text-slate-500 mt-0.5", children: [
                           "SKU: ",
                           variant.sku
                         ] })
                       ] }),
-                      isSelected && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-5 w-5 text-secondary shrink-0" })
+                      isSelected && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-5 w-5 text-hsecondary shrink-0" })
                     ]
                   },
                   variant._id
@@ -15305,7 +15305,7 @@ function ProductDetailScreen({ productId }) {
               }) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-['Poppins',sans-serif] font-semibold text-[14px] text-secondary mb-3", children: "Quantity" }),
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-['Poppins',sans-serif] font-semibold text-[14px] text-hsecondary mb-3", children: "Quantity" }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 bg-gray-100 rounded-full px-6 py-3", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -15313,18 +15313,18 @@ function ProductDetailScreen({ productId }) {
                     {
                       type: "button",
                       onClick: () => setQuantity((current) => Math.max(1, current - 1)),
-                      className: "font-['Poppins',sans-serif] font-bold text-[18px] text-secondary hover:text-primary transition-colors",
+                      className: "font-['Poppins',sans-serif] font-bold text-[18px] text-hsecondary hover:text-hprimary transition-colors",
                       "aria-label": "Increase quantity",
                       children: "-"
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-['Poppins',sans-serif] font-semibold text-[16px] text-secondary min-w-[30px] text-center", children: quantity }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-['Poppins',sans-serif] font-semibold text-[16px] text-hsecondary min-w-[30px] text-center", children: quantity }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "button",
                     {
                       onClick: () => setQuantity(Math.min(selectedVariant?.inventoryCount || product.inventoryCount || 999, quantity + 1)),
                       disabled: quantity >= (selectedVariant?.inventoryCount || product.inventoryCount || 0),
-                      className: "font-['Poppins',sans-serif] font-bold text-[18px] text-secondary hover:text-primary transition-colors disabled:opacity-50",
+                      className: "font-['Poppins',sans-serif] font-bold text-[18px] text-hsecondary hover:text-hprimary transition-colors disabled:opacity-50",
                       children: "+"
                     }
                   )
@@ -15357,40 +15357,40 @@ function ProductDetailScreen({ productId }) {
               /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
-                  className: "sm:w-auto px-6 py-4 rounded-full border-2 border-primary hover:bg-primary-5 transition-all flex items-center justify-center",
+                  className: "sm:w-auto px-6 py-4 rounded-full border-2 border-hprimary hover:bg-hprimary-5 transition-all flex items-center justify-center",
                   onClick: handleToggleFavorite,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heart, { className: `h-4 w-4  ${isFavorited ? "fill-red-500 text-red-500" : "text-primary"}` })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heart, { className: `h-4 w-4  ${isFavorited ? "fill-red-500 text-red-500" : "text-hprimary"}` })
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 p-6 bg-linear-to-br from-secondary/5 to-secondary/5 rounded-[24px]", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 p-6 bg-linear-to-br from-hsecondary/5 to-hsecondary/5 rounded-[24px]", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-10 rounded-full bg-white flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Truck, { className: "size-5 text-primary" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-10 rounded-full bg-white flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Truck, { className: "size-5 text-hprimary" }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] font-semibold text-[12px] text-secondary mb-1", children: "Free Shipping" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] text-[11px] text-muted", children: "On all orders" })
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] font-semibold text-[12px] text-hsecondary mb-1", children: "Free Shipping" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] text-[11px] text-hmuted", children: "On all orders" })
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-10 rounded-full bg-white flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "size-5 text-primary" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-10 rounded-full bg-white flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "size-5 text-hprimary" }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] font-semibold text-[12px] text-secondary mb-1", children: "Easy Returns" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] text-[11px] text-muted", children: "30-day return policy" })
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] font-semibold text-[12px] text-hsecondary mb-1", children: "Easy Returns" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] text-[11px] text-hmuted", children: "30-day return policy" })
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-10 rounded-full bg-white flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Shield, { className: "size-5 text-primary" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-10 rounded-full bg-white flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Shield, { className: "size-5 text-hprimary" }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] font-semibold text-[12px] text-secondary mb-1", children: "Secure Checkout" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] text-[11px] text-muted", children: "Safe & protected" })
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] font-semibold text-[12px] text-hsecondary mb-1", children: "Secure Checkout" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] text-[11px] text-hmuted", children: "Safe & protected" })
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-10 rounded-full bg-white flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: "size-5 text-primary" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-10 rounded-full bg-white flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: "size-5 text-hprimary" }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] font-semibold text-[12px] text-secondary mb-1", children: "Quality Guaranteed" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] text-[11px] text-muted", children: "Premium materials" })
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] font-semibold text-[12px] text-hsecondary mb-1", children: "Quality Guaranteed" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] text-[11px] text-hmuted", children: "Premium materials" })
               ] })
             ] })
           ] })
@@ -15401,35 +15401,35 @@ function ProductDetailScreen({ productId }) {
           "button",
           {
             onClick: () => setActiveTab(tab),
-            className: `font-['Poppins',sans-serif] font-medium text-[14px] px-6 py-4 transition-all ${activeTab === tab ? "text-primary border-b-2 border-primary -mb-0.5" : "text-muted hover:text-primary"}`,
+            className: `font-['Poppins',sans-serif] font-medium text-[14px] px-6 py-4 transition-all ${activeTab === tab ? "text-hprimary border-b-2 border-hprimary -mb-0.5" : "text-hmuted hover:text-hprimary"}`,
             children: tab.charAt(0).toUpperCase() + tab.slice(1)
           },
           tab
         )) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-[24px] p-8 border-2 border-gray-100", children: [
           activeTab === "description" && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-['Poppins',sans-serif] font-semibold text-secondary mb-4", children: "Product Description" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-['Poppins',sans-serif] font-semibold text-hsecondary mb-4", children: "Product Description" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                className: "font-['Poppins',sans-serif] text-[14px] text-muted leading-[1.8] mb-4 max-w-full overflow-hidden break-words",
+                className: "font-['Poppins',sans-serif] text-[14px] text-hmuted leading-[1.8] mb-4 max-w-full overflow-hidden break-words",
                 dangerouslySetInnerHTML: { __html: product.description }
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-['Poppins',sans-serif] font-semibold text-[13px] text-secondary mb-3", children: "Last updated:" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] text-[14px] text-muted", children: lastUpdatedLabel })
+              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-['Poppins',sans-serif] font-semibold text-[13px] text-hsecondary mb-3", children: "Last updated:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] text-[14px] text-hmuted", children: lastUpdatedLabel })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-['Poppins',sans-serif] font-semibold text-[13px] text-secondary mb-3", children: "Shipped from:" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] text-[14px] text-muted", children: "Local pharmacy distribution center" })
+              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-['Poppins',sans-serif] font-semibold text-[13px] text-hsecondary mb-3", children: "Shipped from:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] text-[14px] text-hmuted", children: "Local pharmacy distribution center" })
             ] })
           ] }),
           activeTab === "reviews" && /* @__PURE__ */ jsxRuntime.jsx(ProductReviewsSection, { productId })
         ] })
       ] }),
       relatedProducts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-secondary mb-8 text-2xl", children: "You May Also Like" }),
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-hsecondary mb-8 text-2xl", children: "You May Also Like" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6", children: relatedProducts.map((relatedProduct) => /* @__PURE__ */ jsxRuntime.jsx(
           ProductCard,
           {
@@ -15474,7 +15474,7 @@ function CartItem({ item }) {
       initial: { opacity: 0, y: 20 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, x: -100 },
-      className: "bg-white border-2 border-gray-100 rounded-[24px] p-6 hover:border-secondary/30 transition-all duration-300",
+      className: "bg-white border-2 border-gray-100 rounded-[24px] p-6 hover:border-hsecondary/30 transition-all duration-300",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4 pr-8", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-28 h-28 rounded-[16px] overflow-hidden bg-gray-50 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
           Image4__default.default,
@@ -15529,7 +15529,7 @@ function CartItem({ item }) {
               )
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] font-bold text-[18px] text-secondary", children: formatPrice(itemTotal) }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] font-bold text-[18px] text-hsecondary", children: formatPrice(itemTotal) }),
               /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-['Poppins',sans-serif] text-[11px] text-[#676c80]", children: [
                 formatPrice(unitPrice),
                 " each"
@@ -15555,17 +15555,17 @@ function CartScreen() {
         animate: { opacity: 1, y: 0 },
         className: "text-center space-y-6 max-w-md",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-gray-100 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShoppingBag, { className: "h-12 w-12 text-secondary" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-gray-100 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShoppingBag, { className: "h-12 w-12 text-hsecondary" }) }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-secondary", children: "Your cart is empty" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted", children: "Start adding products to your cart to see them here." })
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-hsecondary", children: "Your cart is empty" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-hmuted", children: "Start adding products to your cart to see them here." })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-3 justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs(
             "button",
             {
               type: "button",
               onClick: () => router.push(buildPath("/shop")),
-              className: "rounded-xl border-2 border-primary bg-secondary text-white px-6 py-3 text-sm font-medium transition-colors flex items-center justify-center gap-2 hover:opacity-80",
+              className: "rounded-xl border-2 border-hprimary bg-hsecondary text-white px-6 py-3 text-sm font-medium transition-colors flex items-center justify-center gap-2 hover:opacity-80",
               children: [
                 "Discover products",
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "h-5 w-5" })
@@ -15574,15 +15574,15 @@ function CartScreen() {
           ) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 space-y-3 pt-6 border-t border-gray-200", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 text-sm text-slate-600", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-5 w-5 text-secondary shrink-0 mt-0.5" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-5 w-5 text-hsecondary shrink-0 mt-0.5" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Free shipping on all orders" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 text-sm text-slate-600", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-5 w-5 text-secondary shrink-0 mt-0.5" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-5 w-5 text-hsecondary shrink-0 mt-0.5" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Easy returns within 30 days" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 text-sm text-slate-600", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-5 w-5 text-secondary shrink-0 mt-0.5" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-5 w-5 text-hsecondary shrink-0 mt-0.5" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Secure checkout process" })
             ] })
           ] })
@@ -15608,8 +15608,8 @@ function CartScreen() {
   };
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-screen bg-white", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[1400px] mx-auto px-8 md:px-12", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container mx-auto px-4 py-8", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-12", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "font-['Poppins',sans-serif] font-semibold text-secondary tracking-[-2px] mb-2 text-4xl", children: "Shopping Cart" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-['Poppins',sans-serif] text-[16px] text-muted", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "font-['Poppins',sans-serif] font-semibold text-hsecondary tracking-[-2px] mb-2 text-4xl", children: "Shopping Cart" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-['Poppins',sans-serif] text-[16px] text-hmuted", children: [
         itemCount,
         " ",
         itemCount === 1 ? "item" : "items",
@@ -15639,26 +15639,26 @@ function CartScreen() {
           animate: { opacity: 1, y: 0 },
           transition: { delay: 0.1 },
           className: "space-y-6 lg:sticky lg:top-24 h-fit lg:col-span-1",
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-linear-to-br from-secondary/10 to-secondary/10 rounded-[24px] p-8 border-2 border-secondary/20 sticky top-24", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-secondary mb-6", children: "Order Summary" }),
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-linear-to-br from-hsecondary/10 to-hsecondary/10 rounded-[24px] p-8 border-2 border-hsecondary/20 sticky top-24", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-hsecondary mb-6", children: "Order Summary" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 mb-6", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] text-[14px] text-muted", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] text-[14px] text-hmuted", children: [
                   "Subtotal (",
                   itemCount,
                   " ",
                   itemCount === 1 ? "item" : "items",
                   ")"
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-['Poppins',sans-serif] font-semibold text-[14px] text-secondary", children: formatPrice(subtotal) })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-['Poppins',sans-serif] font-semibold text-[14px] text-hsecondary", children: formatPrice(subtotal) })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-sm", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-600", children: "Shipping" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-green-600", children: "Will be calculated at checkout" })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-gray-200 pt-4 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-bold text-secondary", children: "Total" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-2xl font-bold text-primary", children: formatPrice(total) })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-bold text-hsecondary", children: "Total" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-2xl font-bold text-hprimary", children: formatPrice(total) })
               ] }) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
@@ -15667,7 +15667,7 @@ function CartScreen() {
                 {
                   type: "submit",
                   onClick: handleSubmit,
-                  className: "w-full rounded-full border-2 border-secondary bg-secondary hover:bg-secondary/80 text-white px-4 py-3 text-sm font-medium transition-colors flex items-center justify-center gap-2",
+                  className: "w-full rounded-full border-2 border-hsecondary bg-hsecondary hover:bg-hsecondary/80 text-white px-4 py-3 text-sm font-medium transition-colors flex items-center justify-center gap-2",
                   children: [
                     "Proceed to Checkout",
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "h-5 w-5" })
@@ -15686,11 +15686,11 @@ function CartScreen() {
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 space-y-3 pt-6 border-t border-gray-200", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 text-sm text-slate-600", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-5 w-5 text-muted shrink-0 mt-0.5" }),
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-5 w-5 text-hmuted shrink-0 mt-0.5" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Easy returns within 30 days" })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 text-sm text-slate-600", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-5 w-5 text-muted shrink-0 mt-0.5" }),
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-5 w-5 text-hmuted shrink-0 mt-0.5" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Secure checkout process" })
               ] })
             ] })
@@ -16055,11 +16055,11 @@ function AddressFormModal({ isOpen, onClose, onAddressAdded, onAddressUpdated, i
             {
               type: "button",
               onClick: onClose,
-              className: "flex flex-row items-center gap-2 px-6 py-2 border border-slate-200 rounded-xl text-slate-700 hover:opacity-80 transition-colors text-secondary text-sm",
+              className: "flex flex-row items-center gap-2 px-6 py-2 border border-slate-200 rounded-xl text-slate-700 hover:opacity-80 transition-colors text-hsecondary text-sm",
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", disabled: isSubmitting, className: "flex flex-row items-center gap-2 px-6 py-2 border border-slate-200 rounded-xl text-slate-700 hover:opacity-80 transition-colors bg-secondary text-white text-sm", children: isSubmitting ? "Adding Address..." : "Add Address" })
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", disabled: isSubmitting, className: "flex flex-row items-center gap-2 px-6 py-2 border border-slate-200 rounded-xl text-slate-700 hover:opacity-80 transition-colors bg-hsecondary text-white text-sm", children: isSubmitting ? "Adding Address..." : "Add Address" })
         ] })
       ] })
     }
@@ -16666,13 +16666,13 @@ function CheckoutScreen() {
                           setShippingPrice(0);
                         }
                       },
-                      className: `relative flex w-full items-center justify-between rounded-xl border-2 p-3 transition-all duration-200 ${active ? "border-primary-500 bg-primary-50" : "border-gray-200 hover:border-primary-300"}`,
+                      className: `relative flex w-full items-center justify-between rounded-xl border-2 p-3 transition-all duration-200 ${active ? "border-hprimary-500 bg-hprimary-50" : "border-gray-200 hover:border-hprimary-300"}`,
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
                           /* @__PURE__ */ jsxRuntime.jsx(
                             "div",
                             {
-                              className: `p-2 rounded-lg ${active ? "bg-primary-100 text-primary-600" : "bg-gray-100 text-gray-600"}`,
+                              className: `p-2 rounded-lg ${active ? "bg-hprimary-100 text-hprimary-600" : "bg-gray-100 text-gray-600"}`,
                               children: option.icon
                             }
                           ),
@@ -16681,7 +16681,7 @@ function CheckoutScreen() {
                             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: option.desc })
                           ] })
                         ] }),
-                        active && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-5 h-5 rounded-full bg-primary-500 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-3 h-3 text-white" }) })
+                        active && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-5 h-5 rounded-full bg-hprimary-500 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-3 h-3 text-white" }) })
                       ]
                     },
                     option.id
@@ -16763,7 +16763,7 @@ function CheckoutScreen() {
                   userAddresses.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4", children: userAddresses.map((addr) => /* @__PURE__ */ jsxRuntime.jsxs(
                     "label",
                     {
-                      className: `group relative flex items-start gap-3 p-4 rounded-2xl border ${selectedAddressId === addr.id ? "border-primary-500 bg-primary-50 shadow-xs" : "border-slate-200 bg-white"} cursor-pointer hover:border-primary-300 transition-colors`,
+                      className: `group relative flex items-start gap-3 p-4 rounded-2xl border ${selectedAddressId === addr.id ? "border-hprimary-500 bg-hprimary-50 shadow-xs" : "border-slate-200 bg-white"} cursor-pointer hover:border-hprimary-300 transition-colors`,
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(
                           "input",
@@ -16800,7 +16800,7 @@ function CheckoutScreen() {
                           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-600", children: addr.country }),
                           addr.phone && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-600 mt-1", children: addr.phone }),
                           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex items-center gap-2", children: [
-                            addr.isDefault && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary-100 px-2.5 py-0.5 text-xs font-semibold text-primary-700", children: "Default" }),
+                            addr.isDefault && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-1 rounded-full bg-hprimary-100 px-2.5 py-0.5 text-xs font-semibold text-hprimary-700", children: "Default" }),
                             /* @__PURE__ */ jsxRuntime.jsxs(
                               "button",
                               {
@@ -16810,7 +16810,7 @@ function CheckoutScreen() {
                                   setEditingAddress(addr);
                                   setIsAddressModalOpen(true);
                                 },
-                                className: "inline-flex items-center gap-1 rounded-full border border-slate-200 px-2.5 py-0.5 text-xs font-medium text-slate-600 hover:border-primary-300 hover:text-primary-600",
+                                className: "inline-flex items-center gap-1 rounded-full border border-slate-200 px-2.5 py-0.5 text-xs font-medium text-slate-600 hover:border-hprimary-300 hover:text-hprimary-600",
                                 children: [
                                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit3, { className: "h-3.5 w-3.5" }),
                                   " Edit"
@@ -16873,7 +16873,7 @@ function CheckoutScreen() {
                 /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-[#2B4B7C] text-2xl", children: "Shipping Options" })
               ] }),
               shippingRatesLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center py-12", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-accent" }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-haccent" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-3 text-gray-600", children: "Loading shipping options..." })
               ] }) : shippingRatesError ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-12", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 mx-auto mb-4 bg-red-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-8 h-8 text-red-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }),
@@ -16889,7 +16889,7 @@ function CheckoutScreen() {
                       setSelectedShippingRateId(rate.objectId);
                       setShippingPrice(parseFloat(rate.amount));
                     },
-                    className: `relative p-5 border-2 rounded-xl cursor-pointer transition-all duration-200 hover:shadow-md ${isSelected ? "border-primary-500 bg-primary-50 ring-2 ring-primary-200" : "border-gray-200 hover:border-gray-300"}`,
+                    className: `relative p-5 border-2 rounded-xl cursor-pointer transition-all duration-200 hover:shadow-md ${isSelected ? "border-hprimary-500 bg-hprimary-50 ring-2 ring-hprimary-200" : "border-gray-200 hover:border-gray-300"}`,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between", children: [
                         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4 flex-1", children: [
@@ -16914,7 +16914,7 @@ function CheckoutScreen() {
                                 " ",
                                 rate.servicelevel?.name
                               ] }),
-                              isTest && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2 py-1 text-xs font-medium bg-primary-100 text-primary-800 rounded-full", children: "TEST" })
+                              isTest && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2 py-1 text-xs font-medium bg-hprimary-100 text-hprimary-800 rounded-full", children: "TEST" })
                             ] }),
                             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 text-sm text-gray-600", children: [
                               rate.durationTerms && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -16956,7 +16956,7 @@ function CheckoutScreen() {
                           ] })
                         ] })
                       ] }),
-                      isSelected && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-6 h-6 bg-primary-500 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-4 h-4 text-white" }) }) })
+                      isSelected && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-6 h-6 bg-hprimary-500 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-4 h-4 text-white" }) }) })
                     ]
                   },
                   rate.objectId
@@ -16977,8 +16977,8 @@ function CheckoutScreen() {
           animate: { opacity: 1, y: 0 },
           transition: { duration: 0.5, ease: "easeOut", delay: 0.1 },
           className: "space-y-10 lg:sticky lg:top-24 lg:col-span-1",
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-linear-to-br from-secondary/10 to-secondary/10 rounded-[24px] p-8 border-2 border-secondary/20 sticky top-24", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-secondary mb-6 text-2xl", children: "Order Summary" }),
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-linear-to-br from-hsecondary/10 to-hsecondary/10 rounded-[24px] p-8 border-2 border-hsecondary/20 sticky top-24", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-hsecondary mb-6 text-2xl", children: "Order Summary" }),
             /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mt-8 pt-6 border-t border-slate-100", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4 mb-6", children: cart?.cartBody?.items?.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 rounded-xl overflow-hidden bg-white shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(Image4__default.default, { src: item.productVariantData?.media?.[0]?.file || PLACEHOLDER_IMAGE_SRC, alt: item.productVariantData.name, className: "w-full h-full object-cover", height: 200, width: 200 }) }),
@@ -16989,10 +16989,10 @@ function CheckoutScreen() {
                     " \u2022 Qty: ",
                     item.quantity
                   ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] font-semibold text-[12px] text-secondary mt-1", children: formatPrice(item.productVariantData.finalPrice * item.quantity) })
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] font-semibold text-[12px] text-hsecondary mt-1", children: formatPrice(item.productVariantData.finalPrice * item.quantity) })
                 ] })
               ] }, item.productVariantId || item.id)) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px bg-secondary/20 my-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px bg-hsecondary/20 my-4" }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6", children: /* @__PURE__ */ jsxRuntime.jsx(
                 CouponCodeInput,
                 {
@@ -17024,14 +17024,14 @@ function CheckoutScreen() {
                   /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Estimated tax" }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: formatPrice(tax) })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px bg-secondary/20 mt-6" }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px bg-hsecondary/20 mt-6" }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-6", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-['Poppins',sans-serif] font-semibold text-[16px] text-secondary", children: "Total" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-['Poppins',sans-serif] font-bold text-[24px] text-secondary", children: formatPrice(total) })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-['Poppins',sans-serif] font-semibold text-[16px] text-hsecondary", children: "Total" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-['Poppins',sans-serif] font-bold text-[24px] text-hsecondary", children: formatPrice(total) })
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white/80 rounded-xl p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-['Poppins',sans-serif] text-[11px] text-[#676c80] leading-[1.6]", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-secondary", children: "Payment:" }),
+                /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-hsecondary", children: "Payment:" }),
                 " We'll contact you to arrange payment upon pickup or delivery. We accept cash, credit cards, and all major payment methods."
               ] }) })
             ] }),
@@ -17067,7 +17067,7 @@ function CheckoutScreen() {
               {
                 type: "submit",
                 disabled: isSubmitting,
-                className: "font-['Poppins',sans-serif] font-medium text-[14px] px-6 py-3 rounded-full text-white hover:bg-[#d66f45] hover:shadow-lg transition-all duration-300 mt-4 w-full bg-secondary hover:bg-[#2B4B7C] flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
+                className: "font-['Poppins',sans-serif] font-medium text-[14px] px-6 py-3 rounded-full text-white hover:bg-[#d66f45] hover:shadow-lg transition-all duration-300 mt-4 w-full bg-hsecondary hover:bg-[#2B4B7C] flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: "h-5 w-5" }),
                   isSubmitting ? "Placing order..." : "Place Secure Order"
@@ -17159,9 +17159,9 @@ function LoginScreen() {
       className: "flex items-center justify-center px-6 py-12 lg:px-16",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-lg space-y-10 text-center", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { strokeWidth: 2, className: "h-16 w-16 mx-auto text-white rounded-full bg-secondary m-2 mb-4 px-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-4xl text-secondary", children: "Welcome Back" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted", children: "Sign in to access your patient portal" })
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { strokeWidth: 2, className: "h-16 w-16 mx-auto text-white rounded-full bg-hsecondary m-2 mb-4 px-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-4xl text-hsecondary", children: "Welcome Back" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-hmuted", children: "Sign in to access your patient portal" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "form",
@@ -17179,10 +17179,10 @@ function LoginScreen() {
                   children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: status.message })
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-start text-secondary", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-secondary mb-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-start text-hsecondary", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-hsecondary mb-3", children: [
                   "Email Address ",
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-500", children: "*" })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-hprimary-500", children: "*" })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Input,
@@ -17191,14 +17191,14 @@ function LoginScreen() {
                     placeholder: "you@example.com",
                     ...register("email"),
                     error: errors.email?.message,
-                    className: "text-secondary"
+                    className: "text-hsecondary"
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative text-start text-secondary", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-secondary mb-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative text-start text-hsecondary", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-hsecondary mb-3", children: [
                   "Password ",
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-500", children: "*" })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-hprimary-500", children: "*" })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Input,
@@ -17223,7 +17223,7 @@ function LoginScreen() {
                 Link9__default.default,
                 {
                   href: buildPath("/forgot-password"),
-                  className: "font-medium text-primary transition hover:opacity-80",
+                  className: "font-medium text-hprimary transition hover:opacity-80",
                   children: "Forgot password?"
                 }
               ) }),
@@ -17232,16 +17232,16 @@ function LoginScreen() {
                 {
                   type: "submit",
                   disabled: isSubmitting,
-                  className: "w-full bg-secondary hover:opacity-80 text-white font-medium py-3 px-4 rounded-lg transition-colors disabled:opacity-70 disabled:cursor-not-allowed",
+                  className: "w-full bg-hsecondary hover:opacity-80 text-white font-medium py-3 px-4 rounded-lg transition-colors disabled:opacity-70 disabled:cursor-not-allowed",
                   children: isSubmitting ? "Signing in..." : "Sign in"
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-hmuted", children: [
           "Don't have an account? ",
-          /* @__PURE__ */ jsxRuntime.jsx(Link9__default.default, { href: buildPath("/register"), className: "font-medium text-primary transition hover:opacity-90", children: "Sign up" })
+          /* @__PURE__ */ jsxRuntime.jsx(Link9__default.default, { href: buildPath("/register"), className: "font-medium text-hprimary transition hover:opacity-90", children: "Sign up" })
         ] }) })
       ] })
     }
@@ -17306,9 +17306,9 @@ function RegisterScreen() {
       className: "flex items-center justify-center px-6 py-12 lg:px-16",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-xl space-y-10 text-center", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserPlus, { strokeWidth: 2, className: "h-16 w-16 mx-auto text-white rounded-full bg-primary m-2 mb-4 px-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-4xl text-secondary", children: "Create Your Account" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted", children: "Join Holmdel Pharmacy Care for convenient healthcare access" })
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserPlus, { strokeWidth: 2, className: "h-16 w-16 mx-auto text-white rounded-full bg-hprimary m-2 mb-4 px-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-4xl text-hsecondary", children: "Create Your Account" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-hmuted", children: "Join Holmdel Pharmacy Care for convenient healthcare access" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "form",
@@ -17321,9 +17321,9 @@ function RegisterScreen() {
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 md:grid-cols-2 text-start", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-secondary mb-3", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-hsecondary mb-3", children: [
                     "First name ",
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-500", children: "*" })
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-hprimary-500", children: "*" })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     Input,
@@ -17335,9 +17335,9 @@ function RegisterScreen() {
                   )
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-secondary mb-3", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-hsecondary mb-3", children: [
                     "Last name ",
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-500", children: "*" })
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-hprimary-500", children: "*" })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     Input,
@@ -17350,9 +17350,9 @@ function RegisterScreen() {
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-secondary mb-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-hsecondary mb-3", children: [
                   "Email Address ",
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-500", children: "*" })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-hprimary-500", children: "*" })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Input,
@@ -17365,7 +17365,7 @@ function RegisterScreen() {
                 )
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm text-secondary mb-3", children: "Phone Number" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm text-hsecondary mb-3", children: "Phone Number" }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Input,
                   {
@@ -17377,9 +17377,9 @@ function RegisterScreen() {
                 )
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-secondary mb-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-hsecondary mb-3", children: [
                   "Password ",
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-500", children: "*" })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-hprimary-500", children: "*" })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Input,
@@ -17401,9 +17401,9 @@ function RegisterScreen() {
                 )
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-secondary mb-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-hsecondary mb-3", children: [
                   "Confirm Password ",
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-500", children: "*" })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-hprimary-500", children: "*" })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Input,
@@ -17425,11 +17425,11 @@ function RegisterScreen() {
                 )
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4 text-sm text-slate-600", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Shield, { strokeWidth: 2, className: "mt-0.5 h-8 w-8 text-primary" }),
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Shield, { strokeWidth: 2, className: "mt-0.5 h-8 w-8 text-hprimary" }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
                   "By creating an account, you agree to our",
                   " ",
-                  /* @__PURE__ */ jsxRuntime.jsx(Link9__default.default, { href: buildPath("/terms"), className: "font-semibold text-primary hover:opacity-70", children: "Terms of Service" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Link9__default.default, { href: buildPath("/terms"), className: "font-semibold text-hprimary hover:opacity-70", children: "Terms of Service" }),
                   " ",
                   "and",
                   " ",
@@ -17437,7 +17437,7 @@ function RegisterScreen() {
                     Link9__default.default,
                     {
                       href: buildPath("/privacy"),
-                      className: "font-semibold text-primary hover:opacity-70",
+                      className: "font-semibold text-hprimary hover:opacity-70",
                       children: "Privacy Policy"
                     }
                   ),
@@ -17449,16 +17449,16 @@ function RegisterScreen() {
                 {
                   type: "submit",
                   disabled: isSubmitting,
-                  className: "w-full bg-secondary hover:opacity-80 text-white font-medium py-3 px-4 rounded-lg transition-colors disabled:opacity-70 disabled:cursor-not-allowed",
+                  className: "w-full bg-hsecondary hover:opacity-80 text-white font-medium py-3 px-4 rounded-lg transition-colors disabled:opacity-70 disabled:cursor-not-allowed",
                   children: isSubmitting ? "Creating account..." : "Create my account"
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-hmuted", children: [
           "Already have an account? ",
-          /* @__PURE__ */ jsxRuntime.jsx(Link9__default.default, { href: buildPath("/login"), className: "font-medium text-primary transition hover:opacity-90", children: "Sign in" })
+          /* @__PURE__ */ jsxRuntime.jsx(Link9__default.default, { href: buildPath("/login"), className: "font-medium text-hprimary transition hover:opacity-90", children: "Sign in" })
         ] }) })
       ] })
     }
@@ -17513,11 +17513,11 @@ function ForgotPasswordScreen() {
             lucideReact.Mail,
             {
               strokeWidth: 2,
-              className: "h-16 w-16 mx-auto text-white rounded-full bg-secondary m-2 mb-4 px-4"
+              className: "h-16 w-16 mx-auto text-white rounded-full bg-hsecondary m-2 mb-4 px-4"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-4xl text-secondary", children: "Forgot Password?" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted", children: "No worries! Enter your email and we'll send you reset instructions." })
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-4xl text-hsecondary", children: "Forgot Password?" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-hmuted", children: "No worries! Enter your email and we'll send you reset instructions." })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "form",
@@ -17538,10 +17538,10 @@ function ForgotPasswordScreen() {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-start text-secondary", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-secondary mb-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-start text-hsecondary", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-hsecondary mb-3", children: [
                   "Email Address ",
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-500", children: "*" })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-hprimary-500", children: "*" })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Input,
@@ -17550,7 +17550,7 @@ function ForgotPasswordScreen() {
                     placeholder: "you@example.com",
                     ...register("email"),
                     error: errors.email?.message,
-                    className: "text-secondary"
+                    className: "text-hsecondary"
                   }
                 )
               ] }),
@@ -17559,7 +17559,7 @@ function ForgotPasswordScreen() {
                 {
                   type: "submit",
                   disabled: isSubmitting,
-                  className: "w-full bg-secondary hover:opacity-80 text-white font-medium py-3 px-4 rounded-lg transition-colors disabled:opacity-70 disabled:cursor-not-allowed flex items-center justify-center gap-2",
+                  className: "w-full bg-hsecondary hover:opacity-80 text-white font-medium py-3 px-4 rounded-lg transition-colors disabled:opacity-70 disabled:cursor-not-allowed flex items-center justify-center gap-2",
                   children: isSubmitting ? "Sending..." : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { className: "h-4 w-4" }),
                     "Send Reset Link"
@@ -17570,7 +17570,7 @@ function ForgotPasswordScreen() {
                 Link9__default.default,
                 {
                   href: buildPath("/login"),
-                  className: "flex items-center justify-center gap-2 text-sm font-medium text-primary transition hover:opacity-80",
+                  className: "flex items-center justify-center gap-2 text-sm font-medium text-hprimary transition hover:opacity-80",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "h-4 w-4" }),
                     "Back to login"
@@ -17580,14 +17580,14 @@ function ForgotPasswordScreen() {
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-hmuted", children: [
           "Don't have an account?",
           " ",
           /* @__PURE__ */ jsxRuntime.jsx(
             Link9__default.default,
             {
               href: buildPath("/register"),
-              className: "font-medium text-primary transition hover:opacity-90",
+              className: "font-medium text-hprimary transition hover:opacity-90",
               children: "Sign up"
             }
           )
@@ -17678,11 +17678,11 @@ function ResetPasswordScreen() {
             lucideReact.Lock,
             {
               strokeWidth: 2,
-              className: "h-16 w-16 mx-auto text-white rounded-full bg-secondary m-2 mb-4 px-4"
+              className: "h-16 w-16 mx-auto text-white rounded-full bg-hsecondary m-2 mb-4 px-4"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-4xl text-secondary", children: "Reset Password" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted", children: "Enter your new password below to reset your account password." })
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-4xl text-hsecondary", children: "Reset Password" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-hmuted", children: "Enter your new password below to reset your account password." })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "form",
@@ -17703,10 +17703,10 @@ function ResetPasswordScreen() {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative text-start text-secondary", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-secondary mb-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative text-start text-hsecondary", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-hsecondary mb-3", children: [
                   "New Password ",
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-500", children: "*" })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-hprimary-500", children: "*" })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Input,
@@ -17715,7 +17715,7 @@ function ResetPasswordScreen() {
                     placeholder: "Enter new password (min. 8 characters)",
                     ...register("newPassword"),
                     error: errors.newPassword?.message,
-                    className: "text-secondary"
+                    className: "text-hsecondary"
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -17728,10 +17728,10 @@ function ResetPasswordScreen() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative text-start text-secondary", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-secondary mb-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative text-start text-hsecondary", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-sm text-hsecondary mb-3", children: [
                   "Confirm Password ",
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-500", children: "*" })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-hprimary-500", children: "*" })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Input,
@@ -17740,7 +17740,7 @@ function ResetPasswordScreen() {
                     placeholder: "Re-enter new password",
                     ...register("confirmPassword"),
                     error: errors.confirmPassword?.message,
-                    className: "text-secondary"
+                    className: "text-hsecondary"
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -17758,19 +17758,19 @@ function ResetPasswordScreen() {
                 {
                   type: "submit",
                   disabled: isSubmitting || !token,
-                  className: "w-full bg-secondary hover:opacity-80 text-white font-medium py-3 px-4 rounded-lg transition-colors disabled:opacity-70 disabled:cursor-not-allowed",
+                  className: "w-full bg-hsecondary hover:opacity-80 text-white font-medium py-3 px-4 rounded-lg transition-colors disabled:opacity-70 disabled:cursor-not-allowed",
                   children: isSubmitting ? "Resetting Password..." : "Reset Password"
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm text-slate-600", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "h-4 w-4 text-primary-600" }),
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "h-4 w-4 text-hprimary-600" }),
                 "Use a strong password that you haven't used elsewhere."
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-4 border-t border-slate-200", children: /* @__PURE__ */ jsxRuntime.jsx(
                 Link9__default.default,
                 {
                   href: buildPath("/login"),
-                  className: "text-sm font-medium text-primary transition hover:opacity-80",
+                  className: "text-sm font-medium text-hprimary transition hover:opacity-80",
                   children: "Back to login"
                 }
               ) })
@@ -17792,7 +17792,7 @@ function TabNavigation({ tabs: tabs2, activeTab, onTabChange }) {
         className: `
                 flex items-center gap-2 px-6 py-3 mt-2 text-sm font-medium whitespace-nowrap
                 border-b-2 transition-colors
-                ${isActive ? "bg-secondary text-white rounded-xl hover:transition-all hover:duration-300 hover:ease-in-out hover:-translate-y-1" : "bg-white text-muted rounded-xl hover:text-secondary hover:transition-all hover:duration-150 hover:ease-in-out hover:-translate-y-1"}
+                ${isActive ? "bg-hsecondary text-white rounded-xl hover:transition-all hover:duration-300 hover:ease-in-out hover:-translate-y-1" : "bg-white text-hmuted rounded-xl hover:text-hsecondary hover:transition-all hover:duration-150 hover:ease-in-out hover:-translate-y-1"}
               `,
         "aria-current": isActive ? "page" : void 0,
         children: [
@@ -17911,8 +17911,8 @@ function useCurrentOrders() {
 }
 function Badge({ children, variant = "primary", size = "md", className = "" }) {
   const variants = {
-    primary: "bg-primary-100 text-primary-700 border-primary-200",
-    secondary: "bg-secondary-100 text-secondary-700 border-secondary-200",
+    primary: "bg-hprimary-100 text-hprimary-700 border-hprimary-200",
+    secondary: "bg-hsecondary-100 text-hsecondary-700 border-hsecondary-200",
     success: "bg-green-100 text-green-700 border-green-200",
     warning: "bg-yellow-100 text-yellow-700 border-yellow-200",
     danger: "bg-red-100 text-red-700 border-red-200",
@@ -17972,7 +17972,7 @@ function AccountOverviewTab() {
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-12 w-12 items-center justify-center rounded-lg ${stat.color}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-6 w-6" }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold text-secondary", children: stat.value }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold text-hsecondary", children: stat.value }),
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-600", children: stat.label })
             ] })
           ] })
@@ -17982,12 +17982,12 @@ function AccountOverviewTab() {
     }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-slate-200 bg-white p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-secondary", children: "Profile Information" }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-hsecondary", children: "Profile Information" }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
             onClick: () => router.push(buildPath("/account/edit")),
-            className: "flex items-center gap-1 text-sm text-primary-600 hover:text-primary-700",
+            className: "flex items-center gap-1 text-sm text-hprimary-600 hover:text-hprimary-700",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "h-4 w-4" }),
               "Edit"
@@ -17997,10 +17997,10 @@ function AccountOverviewTab() {
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[#DBEAFE]", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "h-5 w-5 text-secondary" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[#DBEAFE]", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "h-5 w-5 text-hsecondary" }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted", children: "Full Name" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-medium text-secondary", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-hmuted", children: "Full Name" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-medium text-hsecondary", children: [
               user.firstname,
               " ",
               user.lastname
@@ -18008,31 +18008,31 @@ function AccountOverviewTab() {
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[#DBEAFE]", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "h-5 w-5 text-secondary" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[#DBEAFE]", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "h-5 w-5 text-hsecondary" }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted", children: "E-mail Address" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-secondary", children: user.email })
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-hmuted", children: "E-mail Address" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-hsecondary", children: user.email })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[#DBEAFE]", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { className: "h-5 w-5 text-secondary" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[#DBEAFE]", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { className: "h-5 w-5 text-hsecondary" }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted", children: "Phone Number" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-secondary", children: user.phoneNumber || "Not provided" })
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-hmuted", children: "Phone Number" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-hsecondary", children: user.phoneNumber || "Not provided" })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[#DBEAFE]", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { className: "h-5 w-5 text-secondary" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[#DBEAFE]", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { className: "h-5 w-5 text-hsecondary" }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted", children: "Date of Birth" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-secondary", children: "Not provided" })
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-hmuted", children: "Date of Birth" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-hsecondary", children: "Not provided" })
           ] })
         ] })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-slate-200 bg-white p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-secondary", children: "Recent Orders" }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-hsecondary", children: "Recent Orders" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
@@ -18040,7 +18040,7 @@ function AccountOverviewTab() {
               const event = new CustomEvent("switchTab", { detail: "orders" });
               window.dispatchEvent(event);
             },
-            className: "text-sm text-primary-600 hover:text-primary-700",
+            className: "text-sm text-hprimary-600 hover:text-hprimary-700",
             children: "View All \u2192"
           }
         )
@@ -18051,7 +18051,7 @@ function AccountOverviewTab() {
           className: "h-16 animate-pulse rounded-lg bg-slate-50"
         },
         index
-      )) }) : recentOrders.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted text-center py-8", children: "No orders yet" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: recentOrders.map((order) => /* @__PURE__ */ jsxRuntime.jsxs(
+      )) }) : recentOrders.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-hmuted text-center py-8", children: "No orders yet" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: recentOrders.map((order) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
           onClick: () => router.push(buildPath(`/account/orders/${order._id}`)),
@@ -18061,7 +18061,7 @@ function AccountOverviewTab() {
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-white", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: "h-5 w-5 text-slate-600" }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-medium text-secondary", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-medium text-hsecondary", children: [
                     "ORD-",
                     order._id?.slice(-6).toUpperCase()
                   ] }),
@@ -18074,10 +18074,10 @@ function AccountOverviewTab() {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted", children: formatDate(order.createdAt || /* @__PURE__ */ new Date(), "short") })
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-hmuted", children: formatDate(order.createdAt || /* @__PURE__ */ new Date(), "short") })
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-secondary", children: formatPrice(order.grandTotal || 0) }) })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-hsecondary", children: formatPrice(order.grandTotal || 0) }) })
           ]
         },
         order._id
@@ -18122,11 +18122,11 @@ function AccountOrdersTab() {
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between mb-4 pb-4 border-b border-slate-200", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-base font-semibold text-secondary", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-base font-semibold text-hsecondary", children: [
                   "Order ORD-",
                   order._id?.slice(-6).toUpperCase()
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted mb-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-hmuted mb-4", children: [
                   "Placed on ",
                   formatDate(order.createdAt || /* @__PURE__ */ new Date(), "long")
                 ] })
@@ -18141,8 +18141,8 @@ function AccountOrdersTab() {
               )
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted mb-1", children: "Total Amount" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-bold text-secondary", children: formatPrice(order.grandTotal || 0) })
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-hmuted mb-1", children: "Total Amount" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-bold text-hsecondary", children: formatPrice(order.grandTotal || 0) })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3 mb-4", children: order.items && order.items.length > 0 ? order.items.map((item, index) => {
@@ -18160,15 +18160,15 @@ function AccountOrdersTab() {
                 }
               ) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-secondary text-sm truncate", children: item.productVariantData?.name || "Unknown Product" }),
-                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-hsecondary text-sm truncate", children: item.productVariantData?.name || "Unknown Product" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-hmuted", children: [
                   "Qty: ",
                   item.quantity
                 ] })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-secondary text-sm", children: formatPrice(itemTotal) })
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-hsecondary text-sm", children: formatPrice(itemTotal) })
             ] }, item.productVariantId || index);
-          }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted text-center py-2", children: "No items found" }) })
+          }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-hmuted text-center py-2", children: "No items found" }) })
         ]
       },
       order._id
@@ -18199,15 +18199,15 @@ function ConfirmModal({
       button: "primary"
     },
     info: {
-      icon: "text-secondary bg-blue-100",
+      icon: "text-hsecondary bg-blue-100",
       button: "primary"
     }
   };
   const style = variantStyles[variant];
   return /* @__PURE__ */ jsxRuntime.jsx(Modal, { isOpen, onClose, size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-12 h-12 rounded-full ${style.icon} flex items-center justify-center mb-4`, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "w-6 h-6" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-semibold text-secondary mb-2", children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted mb-6", children: message }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-semibold text-hsecondary mb-2", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-hmuted mb-6", children: message }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 w-full justify-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
@@ -18269,13 +18269,13 @@ function AccountAddressesTab() {
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 bg-white rounded-xl", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-secondary", children: "Saved Addresses" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted", children: "Manage your delivery and billing addresses" })
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-hsecondary", children: "Saved Addresses" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-hmuted", children: "Manage your delivery and billing addresses" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
-            className: "flex flex-row items-center gap-2 px-6 py-2 border border-slate-200 rounded-xl text-slate-700 hover:opacity-80 transition-colors bg-secondary text-white text-sm",
+            className: "flex flex-row items-center gap-2 px-6 py-2 border border-slate-200 rounded-xl text-slate-700 hover:opacity-80 transition-colors bg-hsecondary text-white text-sm",
             onClick: () => {
               setEditingAddress(void 0);
               setIsAddressModalOpen(true);
@@ -18306,8 +18306,8 @@ function AccountAddressesTab() {
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "justify-between flex items-center", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { className: "h-4 w-4 text-secondary" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-secondary", children: address.name }),
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { className: "h-4 w-4 text-hsecondary" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-hsecondary", children: address.name }),
                 address.isDefault && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-1 rounded-full bg-green-100 px-2 py-1 text-xs font-semibold text-green-700", children: "Default" })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
@@ -18318,7 +18318,7 @@ function AccountAddressesTab() {
                       setEditingAddress(address);
                       setIsAddressModalOpen(true);
                     },
-                    className: "inline-flex items-center gap-1 rounded-full border border-slate-200 px-2 py-1 text-xs font-medium text-muted transition hover:border-primary-300 hover:text-primary-600",
+                    className: "inline-flex items-center gap-1 rounded-full border border-slate-200 px-2 py-1 text-xs font-medium text-hmuted transition hover:border-hprimary-300 hover:text-hprimary-600",
                     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit3, { className: "h-3 w-3" })
                   }
                 ),
@@ -18333,18 +18333,18 @@ function AccountAddressesTab() {
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted mt-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-hmuted mt-1", children: [
               address.street1,
               address.street2 && `, ${address.street2}`
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-hmuted", children: [
               address.city,
               ", ",
               address.state,
               " ",
               address.zip
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted", children: address.country }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-hmuted", children: address.country }),
             address.phone && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-500 mt-1", children: address.phone })
           ] })
         },
@@ -18407,14 +18407,14 @@ function AccountSettingsTab() {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-slate-200 bg-white p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "h-5 w-5 text-secondary" }),
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-secondary", children: "Security" })
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "h-5 w-5 text-hsecondary" }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-hsecondary", children: "Security" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between rounded-lg border border-slate-200 bg-slate-50 px-4 py-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-secondary", children: "Change Password" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted", children: "Update your account password" })
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-hsecondary", children: "Change Password" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-hmuted", children: "Update your account password" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Button,
@@ -18557,7 +18557,7 @@ function AccountReviewsTab() {
         "button",
         {
           onClick: () => router.push(buildPath("/reviews")),
-          className: "inline-flex items-center gap-2 px-4 py-2 border border-secondary text-secondary rounded-lg font-medium hover:bg-secondary/5 transition-colors text-sm",
+          className: "inline-flex items-center gap-2 px-4 py-2 border border-hsecondary text-hsecondary rounded-lg font-medium hover:bg-hsecondary/5 transition-colors text-sm",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "size-4" }),
             "Write a Review"
@@ -18626,8 +18626,8 @@ function AccountPage() {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-linear-to-b from-[#F8FAFC] to-[#EBF4FB]", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold text-secondary", children: "My Account" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted", children: "Manage your profile, orders, and preferences" })
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold text-hsecondary", children: "My Account" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-hmuted", children: "Manage your profile, orders, and preferences" })
     ] }) }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(TabNavigation, { tabs, activeTab, onTabChange: setActiveTab }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto max-w-7xl", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-2xl shadow-xs", children: renderTabContent() }) })
@@ -18684,7 +18684,7 @@ function OrderCard({ order, onDelete }) {
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-4 pb-4 border-b border-gray-200", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-base font-bold text-slate-900 group-hover:text-primary transition-colors", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-base font-bold text-slate-900 group-hover:text-hprimary transition-colors", children: [
                 "Order #",
                 (order._id || order.id || "").slice(-8).toUpperCase()
               ] }),
@@ -18757,7 +18757,7 @@ function OrderCard({ order, onDelete }) {
                   e.stopPropagation();
                   window.open(order?.payment?.hostedInvoiceUrl || "", "_blank");
                 },
-                className: "inline-flex items-center gap-2 rounded-full border-2 border-primary-500 bg-primary-500 hover:bg-primary-600 text-white px-4 py-2 text-sm transition-colors",
+                className: "inline-flex items-center gap-2 rounded-full border-2 border-hprimary-500 bg-hprimary-500 hover:bg-hprimary-600 text-white px-4 py-2 text-sm transition-colors",
                 onPointerDown: (e) => e.stopPropagation(),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: "w-4 h-4" }),
@@ -18837,7 +18837,7 @@ function FilterChips({
         {
           type: "button",
           onClick: () => onSelect("All"),
-          className: "ml-auto text-xs text-primary-600 hover:text-primary-700 font-medium",
+          className: "ml-auto text-xs text-hprimary-600 hover:text-hprimary-700 font-medium",
           children: "Clear"
         }
       )
@@ -18850,7 +18850,7 @@ function FilterChips({
           {
             type: "button",
             onClick: () => onSelect(filter),
-            className: `inline-flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-sm font-medium transition-all whitespace-nowrap ${isSelected ? isPrimary ? "border-primary-500 bg-primary-500 text-white shadow-xs" : "border-secondary-500 bg-secondary-500 text-white shadow-xs" : "border-slate-200 bg-white text-slate-700 hover:border-slate-300 hover:bg-slate-50"}`,
+            className: `inline-flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-sm font-medium transition-all whitespace-nowrap ${isSelected ? isPrimary ? "border-hprimary-500 bg-hprimary-500 text-white shadow-xs" : "border-hsecondary-500 bg-hsecondary-500 text-white shadow-xs" : "border-slate-200 bg-white text-slate-700 hover:border-slate-300 hover:bg-slate-50"}`,
             children: [
               filter,
               isSelected && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3.5 w-3.5" })
@@ -18865,7 +18865,7 @@ function FilterChips({
           {
             type: "button",
             onClick: () => setIsOverflowOpen((prev) => !prev),
-            className: `inline-flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-sm font-medium transition-all whitespace-nowrap ${overflowFilters.includes(selected) ? isPrimary ? "border-primary-500 bg-primary-50 text-primary-700" : "border-secondary-500 bg-secondary-50 text-secondary-700" : "border-slate-200 bg-white text-slate-700 hover:border-slate-300 hover:bg-slate-50"}`,
+            className: `inline-flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-sm font-medium transition-all whitespace-nowrap ${overflowFilters.includes(selected) ? isPrimary ? "border-hprimary-500 bg-hprimary-50 text-hprimary-700" : "border-hsecondary-500 bg-hsecondary-50 text-hsecondary-700" : "border-slate-200 bg-white text-slate-700 hover:border-slate-300 hover:bg-slate-50"}`,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: overflowFilters.includes(selected) ? selected : "More" }),
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `h-3.5 w-3.5 transition-transform ${isOverflowOpen ? "rotate-180" : ""}` })
@@ -18890,7 +18890,7 @@ function FilterChips({
                     onSelect(filter);
                     setIsOverflowOpen(false);
                   },
-                  className: `flex w-full items-center justify-between rounded-md px-3 py-2 text-sm font-medium transition ${isSelected ? isPrimary ? "bg-primary-500 text-white" : "bg-secondary-500 text-white" : "text-slate-700 hover:bg-slate-100"}`,
+                  className: `flex w-full items-center justify-between rounded-md px-3 py-2 text-sm font-medium transition ${isSelected ? isPrimary ? "bg-hprimary-500 text-white" : "bg-hsecondary-500 text-white" : "text-slate-700 hover:bg-slate-100"}`,
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { children: filter }),
                     isSelected && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" })
@@ -19012,9 +19012,9 @@ function OrdersScreen() {
       className: "space-y-6",
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-black text-secondary tracking-tight", children: "Order History" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-medium text-muted mt-1 flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-accent animate-pulse" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-black text-hsecondary tracking-tight", children: "Order History" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-medium text-hmuted mt-1 flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-haccent animate-pulse" }),
             filteredOrders.length,
             " ",
             filteredOrders.length === 1 ? "record found" : "records found",
@@ -19191,21 +19191,21 @@ function CurrentOrdersScreen() {
               /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-slate-900", children: "Real-time milestones" }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 space-y-4 text-sm text-slate-600", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Warehouse, { className: "h-5 w-5 text-primary-500" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Warehouse, { className: "h-5 w-5 text-hprimary-500" }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-slate-800", children: "Preparation" }),
                     /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Our pharmacists verify ingredients and pack thermo-sensitive items." })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Truck, { className: "h-5 w-5 text-primary-500" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Truck, { className: "h-5 w-5 text-hprimary-500" }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-slate-800", children: "In transit" }),
                     /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Track live courier location with ETA updates tailored to your delivery window." })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BellRing, { className: "h-5 w-5 text-primary-500" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BellRing, { className: "h-5 w-5 text-hprimary-500" }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-slate-800", children: "Arrival alerts" }),
                     /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Receive SMS and email notifications when parcels are out for delivery." })
@@ -19213,7 +19213,7 @@ function CurrentOrdersScreen() {
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-3xl border border-hprimary-100 bg-hprimary-50/70 p-6 text-sm text-hprimary-700 shadow-xs", children: [
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold uppercase tracking-[0.3em]", children: "Need support?" }),
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 leading-relaxed", children: "Our fulfillment team is online 7 days a week. Message us if you need to adjust delivery instructions or review dosage guidance." })
             ] })
@@ -19419,7 +19419,7 @@ You can add it back at any time.`
             /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-semibold md:text-4xl", children: "Manage where your care arrives" }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-2xl text-sm text-slate-600", children: "Save home, office, or loved ones' addresses and choose a default for faster checkout and delivery." }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-3 text-xs text-slate-500", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "h-4 w-4 text-primary-600" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "h-4 w-4 text-hprimary-600" }),
               "Default: ",
               defaultAddress ? defaultAddress.name : "Not set"
             ] }) })
@@ -19487,14 +19487,14 @@ You can add it back at any time.`
           {
             initial: { opacity: 0, y: 24 },
             animate: { opacity: 1, y: 0 },
-            className: "group relative flex h-full flex-col rounded-3xl border border-slate-200 bg-white p-6 shadow-xs transition hover:-translate-y-1 hover:border-primary-200 hover:shadow-lg",
+            className: "group relative flex h-full flex-col rounded-3xl border border-slate-200 bg-white p-6 shadow-xs transition hover:-translate-y-1 hover:border-hprimary-200 hover:shadow-lg",
             children: [
               address.isDefault && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute right-6 top-6 inline-flex items-center gap-2 rounded-full bg-amber-100 px-3 py-1 text-xs font-semibold text-amber-700", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Crown, { className: "h-4 w-4" }),
                 "Default"
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-primary-50 p-3 text-primary-600", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "h-5 w-5" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-hprimary-50 p-3 text-hprimary-600", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "h-5 w-5" }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                   /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-semibold text-slate-900", children: address.name }),
                   /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs uppercase tracking-[0.3em] text-slate-400", children: typeCopy.label })
@@ -19513,7 +19513,7 @@ You can add it back at any time.`
                   {
                     type: "button",
                     onClick: () => openEditModal(address),
-                    className: "inline-flex items-center gap-2 rounded-full border border-slate-200 px-3 py-1 text-sm font-medium text-slate-600 transition hover:border-primary-300 hover:text-primary-600",
+                    className: "inline-flex items-center gap-2 rounded-full border border-slate-200 px-3 py-1 text-sm font-medium text-slate-600 transition hover:border-hprimary-300 hover:text-hprimary-600",
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit3, { className: "h-4 w-4" }),
                       "Edit"
@@ -19646,7 +19646,7 @@ You can add it back at any time.`
                 "select",
                 {
                   ...register("addressType"),
-                  className: "rounded-xl border border-slate-200 px-3 py-2 text-sm text-slate-700 focus:border-primary-400 focus:outline-hidden focus:ring-2 focus:ring-primary-500/20",
+                  className: "rounded-xl border border-slate-200 px-3 py-2 text-sm text-slate-700 focus:border-hprimary-400 focus:outline-hidden focus:ring-2 focus:ring-hprimary-500/20",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Shipping", children: "Shipping" }),
                     /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Billing", children: "Billing" }),
@@ -19662,7 +19662,7 @@ You can add it back at any time.`
                 {
                   type: "checkbox",
                   ...register("isDefault"),
-                  className: "h-4 w-4 rounded-sm border-primary-300 text-primary-600 focus:ring-primary-500"
+                  className: "h-4 w-4 rounded-sm border-hprimary-300 text-hprimary-600 focus:ring-hprimary-500"
                 }
               )
             ] })
@@ -19827,25 +19827,25 @@ function WishlistScreen() {
       className: "space-y-6",
       children: [
         !isAuthenticated && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-[40vh] items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-lg text-center space-y-6", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-gray-100 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heart, { className: "h-12 w-12 text-secondary" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-gray-100 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heart, { className: "h-12 w-12 text-hsecondary" }) }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-secondary", children: "Sign in to see your favourites" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted", children: "Create your curated shelf of products and we'll keep them ready whenever you return." })
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-hsecondary", children: "Sign in to see your favourites" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-hmuted", children: "Create your curated shelf of products and we'll keep them ready whenever you return." })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               type: "button",
               onClick: () => router.push(buildPath("/login")),
-              className: "rounded-xl border-2 border-primary bg-primary text-white px-6 py-3 text-sm font-medium transition-colors hover:opacity-80",
+              className: "rounded-xl border-2 border-hprimary bg-hprimary text-white px-6 py-3 text-sm font-medium transition-colors hover:opacity-80",
               children: "Sign In"
             }
           )
         ] }) }),
         isAuthenticated && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold text-secondary", children: "Wishlist" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted mt-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold text-hsecondary", children: "Wishlist" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-hmuted mt-1", children: [
               wishlistCount,
               " ",
               wishlistCount === 1 ? "item" : "items",
@@ -19854,16 +19854,16 @@ function WishlistScreen() {
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between mb-6", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: onlyInStock && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted", children: "Showing items ready to ship" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: onlyInStock && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-hmuted", children: "Showing items ready to ship" }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex cursor-pointer items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1.5 text-sm font-medium text-slate-600 transition hover:border-primary hover:text-secondary", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex cursor-pointer items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1.5 text-sm font-medium text-slate-600 transition hover:border-hprimary hover:text-hsecondary", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "input",
                   {
                     type: "checkbox",
                     checked: onlyInStock,
                     onChange: (event) => setOnlyInStock(event.target.checked),
-                    className: "h-4 w-4 rounded-sm border-slate-300 text-secondary focus:ring-secondary"
+                    className: "h-4 w-4 rounded-sm border-slate-300 text-hsecondary focus:ring-hsecondary"
                   }
                 ),
                 "Only show in-stock"
@@ -19886,7 +19886,7 @@ function WishlistScreen() {
                   {
                     type: "button",
                     onClick: () => setViewMode("grid"),
-                    className: `flex items-center gap-1 px-3 py-1.5 text-sm font-medium transition rounded-full ${viewMode === "grid" ? "bg-white text-primary shadow-md" : "text-slate-600 hover:bg-white"}`,
+                    className: `flex items-center gap-1 px-3 py-1.5 text-sm font-medium transition rounded-full ${viewMode === "grid" ? "bg-white text-hprimary shadow-md" : "text-slate-600 hover:bg-white"}`,
                     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Grid, { className: "h-4 w-4" })
                   }
                 ),
@@ -19895,7 +19895,7 @@ function WishlistScreen() {
                   {
                     type: "button",
                     onClick: () => setViewMode("list"),
-                    className: `flex items-center gap-1 px-3 py-1.5 text-sm font-medium transition rounded-full ${viewMode === "list" ? "bg-white text-primary shadow-md" : "text-slate-600 hover:bg-white"}`,
+                    className: `flex items-center gap-1 px-3 py-1.5 text-sm font-medium transition rounded-full ${viewMode === "list" ? "bg-white text-hprimary shadow-md" : "text-slate-600 hover:bg-white"}`,
                     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { className: "h-4 w-4" })
                   }
                 )
@@ -19922,17 +19922,17 @@ function WishlistScreen() {
             index
           )) }),
           !isLoading && wishlistCount === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-[30vh] items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center space-y-6 max-w-md", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-gray-100 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heart, { className: "h-12 w-12 text-secondary" }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-gray-100 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heart, { className: "h-12 w-12 text-hsecondary" }) }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-secondary", children: "Your wishlist is empty" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted", children: "Start adding products to your wishlist to see them here." })
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-hsecondary", children: "Your wishlist is empty" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-hmuted", children: "Start adding products to your wishlist to see them here." })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap justify-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
                 type: "button",
                 onClick: () => router.push(buildPath("/shop")),
-                className: "rounded-xl border-2 border-secondary bg-secondary text-white px-6 py-3 text-sm font-medium transition-colors flex items-center justify-center gap-2 hover:opacity-80",
+                className: "rounded-xl border-2 border-hsecondary bg-hsecondary text-white px-6 py-3 text-sm font-medium transition-colors flex items-center justify-center gap-2 hover:opacity-80",
                 children: "Discover products"
               }
             ) })
@@ -19985,11 +19985,11 @@ function WishlistScreen() {
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-secondary", children: product.name }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted", children: "General wellness" })
+                      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-hsecondary", children: product.name }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-hmuted", children: "General wellness" })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-bold text-primary", children: formatPrice(product.summary?.minPrice ?? 0) }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-bold text-hprimary", children: formatPrice(product.summary?.minPrice ?? 0) }),
                       product.summary?.hasDiscount && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-emerald-500", children: [
                         "You save ",
                         formatPrice(Math.max((product.summary?.maxPrice ?? 0) - (product.summary?.minPrice ?? 0), 0))
@@ -20013,7 +20013,7 @@ function WishlistScreen() {
                       {
                         size: "sm",
                         onClick: () => router.push(buildPath(`/products/${product._id}`)),
-                        className: "bg-primary-90 text-white hover:bg-primary-70",
+                        className: "bg-hprimary-90 text-white hover:bg-hprimary-70",
                         children: "View details"
                       }
                     ),
@@ -20033,13 +20033,13 @@ function WishlistScreen() {
           )) }) }) }),
           isAuthenticated && emptyAfterFiltering && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center rounded-lg border border-dashed border-gray-200 bg-gray-50 p-12 text-center", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-gray-200 text-gray-500", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: "h-8 w-8" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-6 text-xl font-semibold text-secondary", children: "Nothing matches those filters" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 max-w-md text-sm text-muted", children: "Try showing out-of-stock items or adjust your sort order to revisit everything you've saved." }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-6 text-xl font-semibold text-hsecondary", children: "Nothing matches those filters" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 max-w-md text-sm text-hmuted", children: "Try showing out-of-stock items or adjust your sort order to revisit everything you've saved." }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
                 type: "button",
-                className: "mt-6 rounded-xl border-2 border-primary bg-white px-6 py-3 text-sm font-medium text-secondary hover:opacity-80 transition-colors",
+                className: "mt-6 rounded-xl border-2 border-hprimary bg-white px-6 py-3 text-sm font-medium text-hsecondary hover:opacity-80 transition-colors",
                 onClick: () => setOnlyInStock(false),
                 children: "Show all saved products"
               }
@@ -20218,7 +20218,7 @@ function SearchPage() {
             onFocus: handleInputFocus,
             onBlur: () => setTimeout(() => setShowSuggestions(false), 200),
             placeholder: "Search for products...",
-            className: "pl-10 pr-10 py-6 text-base rounded-lg border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-primary-500",
+            className: "pl-10 pr-10 py-6 text-base rounded-lg border-gray-300 focus:ring-2 focus:ring-hprimary-500 focus:border-hprimary-500",
             autoComplete: "off"
           }
         ),
@@ -20252,7 +20252,7 @@ function SearchPage() {
                     onClick: () => handleSuggestionClick(suggestion),
                     className: "w-full text-left px-3 py-2.5 hover:bg-gray-50 rounded-md transition-colors flex items-center gap-2 group",
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-4 w-4 text-gray-400 group-hover:text-primary-500" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-4 w-4 text-gray-400 group-hover:text-hprimary-500" }),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-700 group-hover:text-gray-900", children: suggestion })
                     ]
                   },
@@ -20271,7 +20271,7 @@ function SearchPage() {
                     onClick: () => handleSuggestionClick(search),
                     className: "w-full text-left px-3 py-2.5 hover:bg-gray-50 rounded-md transition-colors flex items-center gap-2 group",
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-4 w-4 text-gray-400 group-hover:text-primary-500" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-4 w-4 text-gray-400 group-hover:text-hprimary-500" }),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-700 group-hover:text-gray-900", children: search })
                     ]
                   },
@@ -20286,7 +20286,7 @@ function SearchPage() {
         "button",
         {
           type: "submit",
-          className: "mt-4 w-full bg-primary-600 hover:bg-primary-700 text-white font-medium py-2 px-4 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+          className: "mt-4 w-full bg-hprimary-600 hover:bg-hprimary-700 text-white font-medium py-2 px-4 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
           disabled: !searchInput.trim(),
           children: "Search"
         }
@@ -20328,7 +20328,7 @@ function SearchPage() {
           Link9__default.default,
           {
             href: buildPath("/shop"),
-            className: "px-6 py-2.5 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors font-medium",
+            className: "px-6 py-2.5 bg-hprimary-600 text-white rounded-lg hover:bg-hprimary-700 transition-colors font-medium",
             children: "Browse All Products"
           }
         ) }),
@@ -20345,7 +20345,7 @@ function SearchPage() {
           )) })
         ] })
       ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-12", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 bg-primary-50 rounded-full flex items-center justify-center mx-auto mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-8 w-8 text-primary-500" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 bg-hprimary-50 rounded-full flex items-center justify-center mx-auto mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-8 w-8 text-hprimary-500" }) }),
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-semibold text-gray-900 mb-2", children: "Start Searching" }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-500 mb-6", children: "Enter a search term above to find products" }),
         recentSearches.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-md mx-auto", children: [
@@ -20597,7 +20597,7 @@ function EditProfileScreen() {
       className: "mx-auto max-w-3xl rounded-3xl border border-slate-200 bg-white p-8 shadow-xl shadow-primary-50",
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-11 w-11 items-center justify-center rounded-2xl bg-primary-50 text-primary-600", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-11 w-11 items-center justify-center rounded-2xl bg-hprimary-50 text-hprimary-600", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "h-5 w-5" }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.32em] text-slate-500", children: "Profile" }),
             /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold text-slate-900", children: "Edit core information" })
@@ -21342,15 +21342,15 @@ function OrderDetailScreen({ id }) {
   }, [order]);
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-slate-50 flex flex-col items-center justify-center p-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 border-4 border-primary-20 border-t-primary rounded-full animate-spin mb-4" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted font-medium animate-pulse", children: "Retrieving order details..." })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 border-4 border-hprimary-20 border-t-primary rounded-full animate-spin mb-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-hmuted font-medium animate-pulse", children: "Retrieving order details..." })
     ] });
   }
   if (error || !order) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-slate-50 flex flex-col items-center justify-center p-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 bg-red-50 rounded-full mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "w-10 h-10 text-red-500" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-bold text-secondary mb-2", children: "Order Not Found" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted mb-6", children: "We couldn't find the order you're looking for." }),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-bold text-hsecondary mb-2", children: "Order Not Found" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-hmuted mb-6", children: "We couldn't find the order you're looking for." }),
       /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: () => router.push(buildPath("/account")), children: "Back to Account" })
     ] });
   }
@@ -21382,7 +21382,7 @@ function OrderDetailScreen({ id }) {
         "button",
         {
           onClick: () => router.back(),
-          className: "group flex items-center gap-2 text-muted hover:text-secondary transition-colors mb-6",
+          className: "group flex items-center gap-2 text-hmuted hover:text-hsecondary transition-colors mb-6",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-1.5 rounded-full bg-white shadow-xs group-hover:shadow-md transition-all", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "w-4 h-4" }) }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: "Back to History" })
@@ -21392,14 +21392,14 @@ function OrderDetailScreen({ id }) {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-6 mb-8", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-secondary", children: "Order Details" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-hsecondary", children: "Order Details" }),
             /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: getStatusVariant(status), children: status }),
-            /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "primary", className: "bg-primary-100 text-primary-700 border-primary-200", children: order.orderType || "Pickup" })
+            /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "primary", className: "bg-hprimary-100 text-hprimary-700 border-hprimary-200", children: order.orderType || "Pickup" })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-2 text-sm text-muted", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-2 text-sm text-hmuted", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 font-medium", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-60 text-xs uppercase tracking-widest font-bold", children: "ID:" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-secondary font-mono tracking-tight", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-hsecondary font-mono tracking-tight", children: [
                 "#",
                 id.toUpperCase()
               ] })
@@ -21410,7 +21410,7 @@ function OrderDetailScreen({ id }) {
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3", children: order.payment?.hostedInvoiceUrl && /* @__PURE__ */ jsxRuntime.jsxs(Button, { size: "sm", onClick: () => window.open(order.payment?.hostedInvoiceUrl, "_blank"), className: "bg-accent hover:bg-accent-dark border-none", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3", children: order.payment?.hostedInvoiceUrl && /* @__PURE__ */ jsxRuntime.jsxs(Button, { size: "sm", onClick: () => window.open(order.payment?.hostedInvoiceUrl, "_blank"), className: "bg-haccent hover:bg-haccent-dark border-none", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "w-4 h-4" }),
           "Payment Details"
         ] }) })
@@ -21427,10 +21427,10 @@ function OrderDetailScreen({ id }) {
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 border-b border-slate-100 bg-slate-50/50 flex items-center justify-between", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: "w-5 h-5 text-secondary" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-bold text-secondary", children: "Order Items" })
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: "w-5 h-5 text-hsecondary" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-bold text-hsecondary", children: "Order Items" })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-bold bg-slate-200 text-muted px-2.5 py-1 rounded-full", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-bold bg-slate-200 text-hmuted px-2.5 py-1 rounded-full", children: [
                   items.length,
                   " ",
                   items.length === 1 ? "Product" : "Products"
@@ -21449,19 +21449,19 @@ function OrderDetailScreen({ id }) {
                 ) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col justify-between py-1", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-bold text-secondary text-lg group-hover:text-primary transition-colors leading-snug mb-1", children: item.productVariantData?.name }),
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-x-4 gap-y-1 text-sm text-muted", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-bold text-hsecondary text-lg group-hover:text-hprimary transition-colors leading-snug mb-1", children: item.productVariantData?.name }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-x-4 gap-y-1 text-sm text-hmuted", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-300" }),
                       "Quantity: ",
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-secondary font-bold", children: item.quantity })
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-hsecondary font-bold", children: item.quantity })
                     ] }) })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted text-sm", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-hmuted text-sm", children: [
                       formatPrice(item.productVariantData?.finalPrice || 0),
                       " per unit"
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-black text-secondary", children: formatPrice((item.productVariantData?.finalPrice || 0) * item.quantity) })
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-black text-hsecondary", children: formatPrice((item.productVariantData?.finalPrice || 0) * item.quantity) })
                   ] })
                 ] })
               ] }, item._id || idx)) })
@@ -21471,11 +21471,11 @@ function OrderDetailScreen({ id }) {
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white p-6 rounded-3xl border border-slate-200 shadow-xs", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { className: "w-5 h-5 text-accent" }),
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-bold text-secondary", children: isDelivery ? "Shipping Address" : "Pickup Location" })
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { className: "w-5 h-5 text-haccent" }),
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-bold text-hsecondary", children: isDelivery ? "Shipping Address" : "Pickup Location" })
             ] }),
-            activeAddress ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm text-muted leading-relaxed", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-bold text-secondary text-base mb-1", children: activeAddress.name }),
+            activeAddress ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm text-hmuted leading-relaxed", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-bold text-hsecondary text-base mb-1", children: activeAddress.name }),
               /* @__PURE__ */ jsxRuntime.jsx("p", { children: activeAddress.street1 }),
               activeAddress.street2 && /* @__PURE__ */ jsxRuntime.jsx("p", { children: activeAddress.street2 }),
               /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
@@ -21486,15 +21486,15 @@ function OrderDetailScreen({ id }) {
                 activeAddress.zip
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("p", { children: activeAddress.country })
-            ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted italic", children: "No address recorded" })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-hmuted italic", children: "No address recorded" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white p-6 rounded-3xl border border-slate-200 shadow-xs", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: "w-5 h-5 text-accent" }),
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-bold text-secondary", children: "Payment Method" })
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: "w-5 h-5 text-haccent" }),
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-bold text-hsecondary", children: "Payment Method" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm text-muted leading-relaxed", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-bold text-secondary text-base mb-1", children: order.payment?.paymentMethod ? order.payment.paymentMethod.replace("_", " ").toUpperCase() : "N/A" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm text-hmuted leading-relaxed", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-bold text-hsecondary text-base mb-1", children: order.payment?.paymentMethod ? order.payment.paymentMethod.replace("_", " ").toUpperCase() : "N/A" }),
               /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-2 mt-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-60", children: "Status:" }),
                 /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: order.payment?.paymentStatus === "Paid" ? "success" : "warning", children: order.payment?.paymentStatus || "Processing" })
@@ -21512,7 +21512,7 @@ function OrderDetailScreen({ id }) {
         {
           initial: { opacity: 0, x: 20 },
           animate: { opacity: 1, x: 0 },
-          className: "bg-secondary p-8 rounded-[2rem] text-white shadow-xl shadow-secondary-20 sticky top-8",
+          className: "bg-hsecondary p-8 rounded-[2rem] text-white shadow-xl shadow-secondary-20 sticky top-8",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold mb-6 flex items-center gap-2", children: "Summary View" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 mb-8", children: [
@@ -21528,7 +21528,7 @@ function OrderDetailScreen({ id }) {
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Tax" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-white", children: formatPrice(order.tax || 0) })
               ] }),
-              order.discountedAmount !== void 0 && order.discountedAmount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center text-primary", children: [
+              order.discountedAmount !== void 0 && order.discountedAmount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center text-hprimary", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Discount" }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-bold", children: [
                   "-",
@@ -21544,7 +21544,7 @@ function OrderDetailScreen({ id }) {
               ] }) })
             ] }),
             order.orderStatus === "Pending" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 bg-white/5 rounded-2xl border border-white/10 mb-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "w-5 h-5 text-primary shrink-0 mt-0.5" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "w-5 h-5 text-hprimary shrink-0 mt-0.5" }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold mb-1", children: "Order is processing" }),
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-white/60 leading-relaxed", children: "We've received your request and our pharmacists are reviewing it for safety and accuracy." })
@@ -21608,7 +21608,7 @@ function ChangePasswordScreen() {
       className: "mx-auto max-w-2xl rounded-3xl border border-slate-200 bg-white p-8 shadow-xl shadow-primary-50",
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-11 w-11 items-center justify-center rounded-2xl bg-primary-50 text-primary-600", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-11 w-11 items-center justify-center rounded-2xl bg-hprimary-50 text-hprimary-600", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "h-5 w-5" }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.32em] text-slate-500", children: "Security" }),
             /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold text-slate-900", children: "Change password" })
@@ -21681,7 +21681,7 @@ function ChangePasswordScreen() {
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 flex items-center gap-2 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm text-slate-600", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "h-4 w-4 text-primary-600" }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "h-4 w-4 text-hprimary-600" }),
           "Strong passwords and up-to-date contact details help pharmacists verify changes quickly."
         ] })
       ]
@@ -21896,7 +21896,7 @@ function NotificationModal() {
       style: { maxHeight: "calc(100vh - 120px)" },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -top-1 right-5 w-3 h-3 bg-white border-l border-t border-gray-100 transform rotate-45 z-10" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b bg-gradient-to-r from-primary-50 to-white", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b bg-gradient-to-r from-hprimary-50 to-white", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "h2",
@@ -21997,7 +21997,7 @@ function NotificationBell() {
         id: "notification-bell-button",
         onClick: handleToggle,
         onMouseDown: (e) => e.stopPropagation(),
-        className: `relative p-2.5 rounded-xl transition-all duration-300 group flex items-center justify-center ${isDrawerOpen ? "bg-primary-50 text-primary-600" : "hover:bg-gradient-to-br hover:from-primary-50 hover:to-primary-100/50 text-gray-700"}`,
+        className: `relative p-2.5 rounded-xl transition-all duration-300 group flex items-center justify-center ${isDrawerOpen ? "bg-hprimary-50 text-hprimary-600" : "hover:bg-gradient-to-br hover:from-hprimary-50 hover:to-hprimary-100/50 text-gray-700"}`,
         "aria-label": "Notifications",
         whileHover: isDrawerOpen ? {} : { scale: 1.05 },
         whileTap: { scale: 0.95 },
@@ -22005,7 +22005,7 @@ function NotificationBell() {
           /* @__PURE__ */ jsxRuntime.jsx(
             lucideReact.Bell,
             {
-              className: `w-6 h-6 transition-colors duration-300 ${isDrawerOpen ? "text-primary-600 bg-gray-100 rounded-lg p-2 w-10 h-10 transition-all duration-300" : "group-hover:text-primary-600"}`,
+              className: `w-6 h-6 transition-colors duration-300 ${isDrawerOpen ? "text-hprimary-600 bg-gray-100 rounded-lg p-2 w-10 h-10 transition-all duration-300" : "group-hover:text-hprimary-600"}`,
               strokeWidth: 2
             }
           ),
@@ -22091,10 +22091,10 @@ function Header() {
       Link9__default.default,
       {
         href: link.href,
-        className: "text-gray-700 hover:text-primary-600 font-medium transition-colors relative group",
+        className: "text-gray-700 hover:text-hprimary-600 font-medium transition-colors relative group",
         children: [
           link.label,
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute bottom-0 left-0 w-0 h-0.5 bg-primary-600 group-hover:w-full transition-all duration-300" })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute bottom-0 left-0 w-0 h-0.5 bg-hprimary-600 group-hover:w-full transition-all duration-300" })
         ]
       },
       link.href
@@ -22159,7 +22159,7 @@ function Header() {
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heart, { className: "w-6 h-6" }),
           wishlistCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center", children: wishlistCount })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Link9__default.default, { href: buildPath("/cart"), className: "relative p-2 text-gray-700 hover:text-primary-600 transition-colors", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Link9__default.default, { href: buildPath("/cart"), className: "relative p-2 text-gray-700 hover:text-hprimary-600 transition-colors", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShoppingCart, { className: "w-6 h-6" }),
           cart?.cartBody?.items?.length && cart.cartBody?.items?.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center", children: cart.cartBody?.items?.length }) : null
         ] }),
@@ -22170,7 +22170,7 @@ function Header() {
               onClick: () => setIsDropdownOpen(!isDropdownOpen),
               className: "flex items-center gap-2 rounded-full border border-slate-200 bg-white px-3 py-2 hover:bg-slate-50 transition-colors",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-full bg-primary-100 text-xs font-semibold text-primary-700", children: getInitials(user?.firstname || "", user?.lastname || "") }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-full bg-hprimary-100 text-xs font-semibold text-hprimary-700", children: getInitials(user?.firstname || "", user?.lastname || "") }),
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `h-4 w-4 text-slate-400 transition-transform ${isDropdownOpen ? "rotate-180" : ""}` })
               ]
             }
@@ -22185,7 +22185,7 @@ function Header() {
             ),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-0 top-full mt-2 w-56 rounded-lg border border-slate-200 bg-white shadow-lg z-20", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-2 border-b border-slate-200 mb-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-medium text-secondary truncate", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-medium text-hsecondary truncate", children: [
                   user?.firstname,
                   " ",
                   user?.lastname
@@ -22223,7 +22223,7 @@ function Header() {
           Link9__default.default,
           {
             href: buildPath("/login"),
-            className: "hidden sm:block px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors font-medium",
+            className: "hidden sm:block px-4 py-2 bg-hprimary-600 text-white rounded-lg hover:bg-hprimary-700 transition-colors font-medium",
             children: "Sign In"
           }
         )
@@ -22260,7 +22260,7 @@ function Header() {
             {
               href: buildPath("/login"),
               onClick: () => setIsMobileMenuOpen(false),
-              className: "px-4 py-3 text-primary-600 hover:bg-gray-50 rounded-lg font-medium",
+              className: "px-4 py-3 text-hprimary-600 hover:bg-gray-50 rounded-lg font-medium",
               children: "Sign In"
             }
           )
@@ -22304,7 +22304,7 @@ function Footer() {
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-400 mb-6 max-w-md", children: "Your trusted online store for quality products. We deliver excellence with every order." }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "w-5 h-5 text-primary-500" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "w-5 h-5 text-hprimary-500" }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
               "support@",
               config.storeName.toLowerCase().replace(/\s+/g, ""),
@@ -22312,11 +22312,11 @@ function Footer() {
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { className: "w-5 h-5 text-primary-500" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { className: "w-5 h-5 text-hprimary-500" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: "+1 (555) 123-4567" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { className: "w-5 h-5 text-primary-500" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { className: "w-5 h-5 text-hprimary-500" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: "123 Store Street, City, Country" })
           ] })
         ] })
@@ -22327,7 +22327,7 @@ function Footer() {
           Link9__default.default,
           {
             href: link.href,
-            className: "hover:text-primary-500 transition-colors",
+            className: "hover:text-hprimary-500 transition-colors",
             children: link.label
           }
         ) }, link.href)) })
@@ -22338,7 +22338,7 @@ function Footer() {
           Link9__default.default,
           {
             href: link.href,
-            className: "hover:text-primary-500 transition-colors",
+            className: "hover:text-hprimary-500 transition-colors",
             children: link.label
           }
         ) }, link.href)) })
@@ -22349,7 +22349,7 @@ function Footer() {
           Link9__default.default,
           {
             href: link.href,
-            className: "hover:text-primary-500 transition-colors",
+            className: "hover:text-hprimary-500 transition-colors",
             children: link.label
           }
         ) }, link.href)) })
@@ -22368,7 +22368,7 @@ function Footer() {
           "a",
           {
             href: "#",
-            className: "w-10 h-10 bg-gray-800 hover:bg-primary-600 rounded-full flex items-center justify-center transition-colors",
+            className: "w-10 h-10 bg-gray-800 hover:bg-hprimary-600 rounded-full flex items-center justify-center transition-colors",
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Facebook, { className: "w-5 h-5" })
           }
         ),
@@ -22376,7 +22376,7 @@ function Footer() {
           "a",
           {
             href: "#",
-            className: "w-10 h-10 bg-gray-800 hover:bg-primary-600 rounded-full flex items-center justify-center transition-colors",
+            className: "w-10 h-10 bg-gray-800 hover:bg-hprimary-600 rounded-full flex items-center justify-center transition-colors",
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Twitter, { className: "w-5 h-5" })
           }
         ),
@@ -22384,7 +22384,7 @@ function Footer() {
           "a",
           {
             href: "#",
-            className: "w-10 h-10 bg-gray-800 hover:bg-primary-600 rounded-full flex items-center justify-center transition-colors",
+            className: "w-10 h-10 bg-gray-800 hover:bg-hprimary-600 rounded-full flex items-center justify-center transition-colors",
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Instagram, { className: "w-5 h-5" })
           }
         )
@@ -22517,7 +22517,7 @@ function NotificationDrawer() {
                   },
                   notification._id
                 )),
-                isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-6 h-6 border-2 border-primary-600 border-t-transparent rounded-full animate-spin" }) }),
+                isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-6 h-6 border-2 border-hprimary-600 border-t-transparent rounded-full animate-spin" }) }),
                 !hasMore && notifications.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-4 text-sm text-gray-500", children: "You're all caught up! \u{1F389}" })
               ] })
             }