@burdenoff/microfe-subscriberbot 2026.615.1 → 2026.625.1

package/dist/subscriberbot/pages/customer/CustomerDashboard.js

@@ -48,12 +48,12 @@ function E() {
 		avgRating: 4.5
 	}, H = (e) => {
 		switch (e) {
-			case "delivered": return "bg-green-500/20 text-green-600 dark:text-green-400";
-			case "preparing": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
-			case "out_for_delivery": return "bg-blue-500/20 text-blue-600 dark:text-blue-400";
-			case "confirmed": return "bg-blue-500/20 text-blue-600 dark:text-blue-400";
-			case "cancelled": return "bg-red-500/20 text-red-600 dark:text-red-400";
-			default: return "bg-muted text-muted-foreground";
+			case "delivered": return "bg-status-success-bg/20 text-status-success-text";
+			case "preparing": return "bg-status-warning-bg/20 text-status-warning-text";
+			case "out_for_delivery": return "bg-status-info-bg/20 text-status-info-text";
+			case "confirmed": return "bg-status-info-bg/20 text-status-info-text";
+			case "cancelled": return "bg-status-error-bg/20 text-status-error-text";
+			default: return "bg-bg-sunken text-text-secondary";
 		}
 	}, U = (e) => {
 		switch (e) {
@@ -64,10 +64,10 @@ function E() {
 		}
 	}, W = (e) => {
 		switch (e) {
-			case "suggestion": return "bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/20";
-			case "opportunity": return "bg-green-500/10 text-green-600 dark:text-green-400 border-green-500/20";
-			case "trend": return "bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20";
-			default: return "bg-muted text-muted-foreground border-border";
+			case "suggestion": return "bg-status-info-bg/10 text-status-info-text border-status-info-border/20";
+			case "opportunity": return "bg-status-success-bg/10 text-status-success-text border-status-success-border/20";
+			case "trend": return "bg-status-warning-bg/10 text-status-warning-text border-status-warning-border/20";
+			default: return "bg-bg-sunken text-text-secondary border-border-seam";
 		}
 	};
 	return F ? /* @__PURE__ */ C(n, {
@@ -77,7 +77,7 @@ function E() {
 			children: /* @__PURE__ */ w("div", {
 				className: "text-center",
 				children: [/* @__PURE__ */ C("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-foreground" }), /* @__PURE__ */ C("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: I("subscriberbot.customerDashboard.loading", "Loading your dashboard...")
 				})]
 			})
@@ -85,69 +85,70 @@ function E() {
 	}) : /* @__PURE__ */ w(n, {
 		title: I("subscriberbot.customerDashboard.welcomeBack", "Welcome Back!"),
 		description: `${T()}, ${L}`,
+		titleGradient: !0,
 		children: [V && /* @__PURE__ */ w("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 			children: [
 				/* @__PURE__ */ C("div", {
-					className: "rounded-lg border border-border bg-card p-4",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-4",
 					children: /* @__PURE__ */ w("div", {
 						className: "flex items-center gap-3",
 						children: [/* @__PURE__ */ C("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-muted",
-							children: /* @__PURE__ */ C(g, { className: "h-5 w-5 text-muted-foreground" })
+							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
+							children: /* @__PURE__ */ C(g, { className: "h-5 w-5 text-text-secondary" })
 						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-							className: "text-2xl font-bold text-foreground",
+							className: "text-2xl font-bold text-text-primary",
 							children: V.totalOrders
 						}), /* @__PURE__ */ C("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: I("subscriberbot.customerDashboard.totalOrders", "Total Orders")
 						})] })]
 					})
 				}),
 				/* @__PURE__ */ C("div", {
-					className: "rounded-lg border border-border bg-card p-4",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-4",
 					children: /* @__PURE__ */ w("div", {
 						className: "flex items-center gap-3",
 						children: [/* @__PURE__ */ C("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-muted",
-							children: /* @__PURE__ */ C(d, { className: "h-5 w-5 text-muted-foreground" })
+							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
+							children: /* @__PURE__ */ C(d, { className: "h-5 w-5 text-text-secondary" })
 						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-							className: "text-2xl font-bold text-foreground",
+							className: "text-2xl font-bold text-text-primary",
 							children: o(V.totalSpent, { minimumFractionDigits: 0 })
 						}), /* @__PURE__ */ C("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: I("subscriberbot.customerDashboard.totalSpent", "Total Spent")
 						})] })]
 					})
 				}),
 				/* @__PURE__ */ C("div", {
-					className: "rounded-lg border border-border bg-card p-4",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-4",
 					children: /* @__PURE__ */ w("div", {
 						className: "flex items-center gap-3",
 						children: [/* @__PURE__ */ C("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-muted",
-							children: /* @__PURE__ */ C(f, { className: "h-5 w-5 text-muted-foreground" })
+							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
+							children: /* @__PURE__ */ C(f, { className: "h-5 w-5 text-text-secondary" })
 						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-							className: "text-2xl font-bold text-foreground",
+							className: "text-2xl font-bold text-text-primary",
 							children: V.favoriteCount
 						}), /* @__PURE__ */ C("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: I("subscriberbot.customerDashboard.favoriteCarts", "Favorite Carts")
 						})] })]
 					})
 				}),
 				/* @__PURE__ */ C("div", {
-					className: "rounded-lg border border-border bg-card p-4",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-4",
 					children: /* @__PURE__ */ w("div", {
 						className: "flex items-center gap-3",
 						children: [/* @__PURE__ */ C("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-muted",
-							children: /* @__PURE__ */ C(y, { className: "h-5 w-5 text-muted-foreground" })
+							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
+							children: /* @__PURE__ */ C(y, { className: "h-5 w-5 text-text-secondary" })
 						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-							className: "text-2xl font-bold text-foreground",
+							className: "text-2xl font-bold text-text-primary",
 							children: V.avgRating.toFixed(1)
 						}), /* @__PURE__ */ C("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: I("subscriberbot.customerDashboard.avgRatingGiven", "Avg Rating Given")
 						})] })]
 					})
@@ -159,7 +160,7 @@ function E() {
 				className: "lg:col-span-2 space-y-8",
 				children: [
 					/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
-						className: "text-lg font-semibold text-foreground mb-4",
+						className: "text-lg font-semibold text-text-primary mb-4",
 						children: I("subscriberbot.customerDashboard.quickActions", "Quick Actions")
 					}), /* @__PURE__ */ w("div", {
 						className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
@@ -167,17 +168,17 @@ function E() {
 							/* @__PURE__ */ w("button", {
 								type: "button",
 								onClick: () => E("/customer/carts"),
-								className: t("flex items-center gap-3 rounded-lg border border-border bg-card p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
+								className: t("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
 								children: [/* @__PURE__ */ C("div", {
-									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-blue-500/10",
-									children: /* @__PURE__ */ C(_, { className: "h-5 w-5 text-blue-600 dark:text-blue-400" })
+									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-status-info-bg/10",
+									children: /* @__PURE__ */ C(_, { className: "h-5 w-5 text-status-info-text" })
 								}), /* @__PURE__ */ w("div", {
 									className: "min-w-0",
 									children: [/* @__PURE__ */ C("p", {
-										className: "text-sm font-semibold text-foreground",
+										className: "text-sm font-semibold text-text-primary",
 										children: I("subscriberbot.customerDashboard.discoverCarts", "Discover Carts")
 									}), /* @__PURE__ */ C("p", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: I("subscriberbot.customerDashboard.findNearbyCarts", "Find nearby carts")
 									})]
 								})]
@@ -185,17 +186,17 @@ function E() {
 							/* @__PURE__ */ w("button", {
 								type: "button",
 								onClick: () => E("/customer/orders"),
-								className: t("flex items-center gap-3 rounded-lg border border-border bg-card p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
+								className: t("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
 								children: [/* @__PURE__ */ C("div", {
-									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-green-500/10",
-									children: /* @__PURE__ */ C(u, { className: "h-5 w-5 text-green-600 dark:text-green-400" })
+									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-status-success-bg/10",
+									children: /* @__PURE__ */ C(u, { className: "h-5 w-5 text-status-success-text" })
 								}), /* @__PURE__ */ w("div", {
 									className: "min-w-0",
 									children: [/* @__PURE__ */ C("p", {
-										className: "text-sm font-semibold text-foreground",
+										className: "text-sm font-semibold text-text-primary",
 										children: I("subscriberbot.customerDashboard.orderHistory", "Order History")
 									}), /* @__PURE__ */ C("p", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: I("subscriberbot.customerDashboard.viewPastOrders", "View past orders")
 									})]
 								})]
@@ -203,17 +204,17 @@ function E() {
 							/* @__PURE__ */ w("button", {
 								type: "button",
 								onClick: () => E("/customer/favorites"),
-								className: t("flex items-center gap-3 rounded-lg border border-border bg-card p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
+								className: t("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
 								children: [/* @__PURE__ */ C("div", {
-									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-red-500/10",
-									children: /* @__PURE__ */ C(f, { className: "h-5 w-5 text-red-600 dark:text-red-400" })
+									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-status-error-bg/10",
+									children: /* @__PURE__ */ C(f, { className: "h-5 w-5 text-status-error-text" })
 								}), /* @__PURE__ */ w("div", {
 									className: "min-w-0",
 									children: [/* @__PURE__ */ C("p", {
-										className: "text-sm font-semibold text-foreground",
+										className: "text-sm font-semibold text-text-primary",
 										children: I("subscriberbot.customerDashboard.favorites", "Favorites")
 									}), /* @__PURE__ */ C("p", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: I("subscriberbot.customerDashboard.savedCarts", "Saved carts")
 									})]
 								})]
@@ -223,18 +224,18 @@ function E() {
 					/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ w("div", {
 						className: "flex items-center justify-between mb-4",
 						children: [/* @__PURE__ */ C("h2", {
-							className: "text-lg font-semibold text-foreground",
+							className: "text-lg font-semibold text-text-primary",
 							children: I("subscriberbot.customerDashboard.recentOrders", "Recent Orders")
 						}), /* @__PURE__ */ w("button", {
 							type: "button",
 							onClick: () => E("/customer/orders"),
-							className: "flex items-center gap-1 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors",
+							className: "flex items-center gap-1 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors",
 							children: [I("subscriberbot.common.viewAll", "View All"), /* @__PURE__ */ C(l, { className: "h-4 w-4" })]
 						})]
 					}), z.length > 0 ? /* @__PURE__ */ C("div", {
 						className: "space-y-3",
 						children: z.map((e) => /* @__PURE__ */ C("div", {
-							className: "rounded-lg border border-border bg-card p-4",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4",
 							children: /* @__PURE__ */ w("div", {
 								className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3",
 								children: [/* @__PURE__ */ w("div", {
@@ -243,7 +244,7 @@ function E() {
 										/* @__PURE__ */ w("div", {
 											className: "flex flex-wrap items-center gap-2 mb-1",
 											children: [/* @__PURE__ */ C("h3", {
-												className: "text-sm font-semibold text-foreground",
+												className: "text-sm font-semibold text-text-primary",
 												children: e.cartName
 											}), /* @__PURE__ */ C("span", {
 												className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize", H(e.status)),
@@ -251,20 +252,20 @@ function E() {
 											})]
 										}),
 										/* @__PURE__ */ C("p", {
-											className: "text-xs text-muted-foreground mb-2 leading-relaxed",
+											className: "text-xs text-text-secondary mb-2 leading-relaxed",
 											children: e.items.map((e) => `${e.name} (${e.quantity})`).join(", ")
 										}),
 										/* @__PURE__ */ w("div", {
-											className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground",
+											className: "flex flex-wrap items-center gap-3 text-xs text-text-secondary",
 											children: [
 												/* @__PURE__ */ C("span", {
-													className: "font-medium text-foreground",
+													className: "font-medium text-text-primary",
 													children: o(e.total, { minimumFractionDigits: 0 })
 												}),
 												/* @__PURE__ */ C("span", { children: new Date(e.orderDate).toLocaleDateString() }),
 												e.rating && /* @__PURE__ */ w("span", {
 													className: "flex items-center gap-1",
-													children: [/* @__PURE__ */ C(y, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), e.rating]
+													children: [/* @__PURE__ */ C(y, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), e.rating]
 												})
 											]
 										})
@@ -272,25 +273,25 @@ function E() {
 								}), /* @__PURE__ */ C("button", {
 									type: "button",
 									onClick: () => E(`/customer/orders/${e.id}`),
-									className: "rounded-lg border border-border px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent transition-colors",
+									className: "rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
 									children: I("subscriberbot.customerDashboard.viewDetails", "View Details")
 								})]
 							})
 						}, e.id))
 					}) : /* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border bg-card p-8 text-center",
-						children: [/* @__PURE__ */ C(v, { className: "mx-auto h-10 w-10 text-muted-foreground/50" }), /* @__PURE__ */ C("p", {
-							className: "mt-3 text-sm text-muted-foreground",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-8 text-center",
+						children: [/* @__PURE__ */ C(v, { className: "mx-auto h-10 w-10 text-text-secondary/50" }), /* @__PURE__ */ C("p", {
+							className: "mt-3 text-sm text-text-secondary",
 							children: I("subscriberbot.customerDashboard.noRecentOrders", "No recent orders")
 						})]
 					})] }),
 					/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
-						className: "text-lg font-semibold text-foreground mb-4",
+						className: "text-lg font-semibold text-text-primary mb-4",
 						children: I("subscriberbot.customerDashboard.recommendedForYou", "Recommended for You")
 					}), /* @__PURE__ */ C("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
 						children: B.map((e) => /* @__PURE__ */ w("div", {
-							className: "rounded-lg border border-border bg-card overflow-hidden shadow-sm hover:shadow-md transition-shadow",
+							className: "rounded-lg border border-border-seam bg-bg-surface overflow-hidden shadow-sm hover:shadow-md transition-shadow",
 							children: [/* @__PURE__ */ w("div", {
 								className: "relative h-40",
 								children: [/* @__PURE__ */ C("img", {
@@ -300,7 +301,7 @@ function E() {
 								}), /* @__PURE__ */ C("div", {
 									className: "absolute top-2 right-2",
 									children: /* @__PURE__ */ C("span", {
-										className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", e.isOpen ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-red-500/20 text-red-600 dark:text-red-400"),
+										className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", e.isOpen ? "bg-status-success-bg/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
 										children: e.isOpen ? I("subscriberbot.customerDashboard.open", "Open") : I("subscriberbot.customerDashboard.closed", "Closed")
 									})
 								})]
@@ -312,22 +313,22 @@ function E() {
 										children: [/* @__PURE__ */ w("div", {
 											className: "min-w-0 flex-1",
 											children: [/* @__PURE__ */ C("h3", {
-												className: "text-sm font-semibold text-foreground",
+												className: "text-sm font-semibold text-text-primary",
 												children: e.name
 											}), /* @__PURE__ */ C("p", {
-												className: "text-xs text-muted-foreground",
+												className: "text-xs text-text-secondary",
 												children: e.category
 											})]
 										}), /* @__PURE__ */ w("div", {
 											className: "flex items-center gap-1 text-xs",
-											children: [/* @__PURE__ */ C(y, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), /* @__PURE__ */ C("span", {
-												className: "font-medium text-foreground",
+											children: [/* @__PURE__ */ C(y, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), /* @__PURE__ */ C("span", {
+												className: "font-medium text-text-primary",
 												children: e.rating
 											})]
 										})]
 									}),
 									/* @__PURE__ */ w("div", {
-										className: "flex items-center gap-3 text-xs text-muted-foreground mb-3",
+										className: "flex items-center gap-3 text-xs text-text-secondary mb-3",
 										children: [/* @__PURE__ */ w("span", {
 											className: "flex items-center gap-1",
 											children: [
@@ -348,7 +349,7 @@ function E() {
 										type: "button",
 										disabled: !e.isOpen,
 										onClick: () => e.isOpen && E(`/customer/carts/${e.id}`),
-										className: t("w-full rounded-lg py-2 text-sm font-medium transition-opacity", e.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-muted text-muted-foreground cursor-not-allowed"),
+										className: t("w-full rounded-lg py-2 text-sm font-medium transition-opacity", e.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
 										children: e.isOpen ? I("subscriberbot.customerDashboard.viewMenu", "View Menu") : I("subscriberbot.customerDashboard.currentlyClosed", "Currently Closed")
 									})
 								]
@@ -360,9 +361,9 @@ function E() {
 				className: "space-y-6",
 				children: [
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border bg-card p-5",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-5",
 						children: [/* @__PURE__ */ C("h3", {
-							className: "text-base font-semibold text-foreground mb-4",
+							className: "text-base font-semibold text-text-primary mb-4",
 							children: I("subscriberbot.customerDashboard.personalizedRecommendations", "Personalized Recommendations")
 						}), /* @__PURE__ */ C("div", {
 							className: "space-y-3",
@@ -403,9 +404,9 @@ function E() {
 						})]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border bg-card p-5",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-5",
 						children: [/* @__PURE__ */ C("h3", {
-							className: "text-base font-semibold text-foreground mb-3",
+							className: "text-base font-semibold text-text-primary mb-3",
 							children: I("subscriberbot.customerDashboard.quickLinks", "Quick Links")
 						}), /* @__PURE__ */ w("div", {
 							className: "space-y-2",
@@ -413,46 +414,46 @@ function E() {
 								/* @__PURE__ */ w("button", {
 									type: "button",
 									onClick: () => E("/customer/profile"),
-									className: "flex w-full items-center gap-2 rounded-lg border border-border px-3 py-2.5 text-sm text-foreground hover:bg-accent transition-colors text-left",
-									children: [/* @__PURE__ */ C(x, { className: "h-4 w-4 text-muted-foreground" }), I("subscriberbot.customerDashboard.profileSettings", "Profile Settings")]
+									className: "flex w-full items-center gap-2 rounded-lg border border-border-seam px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
+									children: [/* @__PURE__ */ C(x, { className: "h-4 w-4 text-text-secondary" }), I("subscriberbot.customerDashboard.profileSettings", "Profile Settings")]
 								}),
 								/* @__PURE__ */ w("button", {
 									type: "button",
 									onClick: () => E("/customer/addresses"),
-									className: "flex w-full items-center gap-2 rounded-lg border border-border px-3 py-2.5 text-sm text-foreground hover:bg-accent transition-colors text-left",
-									children: [/* @__PURE__ */ C(m, { className: "h-4 w-4 text-muted-foreground" }), I("subscriberbot.customerDashboard.savedAddresses", "Saved Addresses")]
+									className: "flex w-full items-center gap-2 rounded-lg border border-border-seam px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
+									children: [/* @__PURE__ */ C(m, { className: "h-4 w-4 text-text-secondary" }), I("subscriberbot.customerDashboard.savedAddresses", "Saved Addresses")]
 								}),
 								/* @__PURE__ */ w("button", {
 									type: "button",
 									onClick: () => E("/customer/payment-methods"),
-									className: "flex w-full items-center gap-2 rounded-lg border border-border px-3 py-2.5 text-sm text-foreground hover:bg-accent transition-colors text-left",
-									children: [/* @__PURE__ */ C(d, { className: "h-4 w-4 text-muted-foreground" }), I("subscriberbot.customerDashboard.paymentMethods", "Payment Methods")]
+									className: "flex w-full items-center gap-2 rounded-lg border border-border-seam px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
+									children: [/* @__PURE__ */ C(d, { className: "h-4 w-4 text-text-secondary" }), I("subscriberbot.customerDashboard.paymentMethods", "Payment Methods")]
 								})
 							]
 						})]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border bg-card p-5",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-5",
 						children: [
 							/* @__PURE__ */ C("h3", {
-								className: "text-base font-semibold text-foreground mb-3",
+								className: "text-base font-semibold text-text-primary mb-3",
 								children: I("subscriberbot.customerDashboard.currentLocation", "Current Location")
 							}),
 							/* @__PURE__ */ w("div", {
 								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ C(h, { className: "h-4 w-4 text-blue-500 mt-0.5 shrink-0" }), /* @__PURE__ */ w("div", {
+								children: [/* @__PURE__ */ C(h, { className: "h-4 w-4 text-status-info-text mt-0.5 shrink-0" }), /* @__PURE__ */ w("div", {
 									className: "flex-1 min-w-0",
 									children: [
 										/* @__PURE__ */ C("p", {
-											className: "text-sm font-medium text-foreground",
+											className: "text-sm font-medium text-text-primary",
 											children: "Koramangala"
 										}),
 										/* @__PURE__ */ C("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "80 Feet Road, 6th Block"
 										}),
 										/* @__PURE__ */ C("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Bangalore, Karnataka"
 										})
 									]
@@ -461,20 +462,20 @@ function E() {
 							/* @__PURE__ */ C("button", {
 								type: "button",
 								onClick: () => E("/customer/addresses"),
-								className: "mt-3 w-full rounded-lg border border-border px-3 py-2 text-xs font-medium text-foreground hover:bg-accent transition-colors",
+								className: "mt-3 w-full rounded-lg border border-border-seam px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
 								children: I("subscriberbot.customerDashboard.updateLocation", "Update Location")
 							})
 						]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg bg-gradient-to-r from-blue-500/10 to-purple-500/10 border border-blue-500/20 p-5",
+						className: "rounded-lg bg-gradient-to-r from-status-info-text/10 to-accent-purple/10 border border-status-info-border/20 p-5",
 						children: [
 							/* @__PURE__ */ C("h3", {
-								className: "text-base font-semibold text-foreground mb-2",
+								className: "text-base font-semibold text-text-primary mb-2",
 								children: I("subscriberbot.customerDashboard.specialOffers", "Special Offers")
 							}),
 							/* @__PURE__ */ C("p", {
-								className: "text-xs text-muted-foreground mb-3 leading-relaxed",
+								className: "text-xs text-text-secondary mb-3 leading-relaxed",
 								children: I("subscriberbot.customerDashboard.specialOffersDescription", "Get 25% off on your next order from featured carts")
 							}),
 							/* @__PURE__ */ C("button", {