@burdenoff/microfe-kadaikodi 2026.608.1 → 2026.625.1

package/dist/kadaikodi/pages/HomePage.js

@@ -18,28 +18,28 @@ var Y = {
 			description: "Browse carts near you",
 			icon: /* @__PURE__ */ q(P, { className: "h-5 w-5" }),
 			path: "/customer/carts",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-[var(--color-accent-soft)] text-text-primary"
 		},
 		{
 			label: "My Orders",
 			description: "Track your orders",
 			icon: /* @__PURE__ */ q(L, { className: "h-5 w-5" }),
 			path: "/customer/orders",
-			color: "bg-green-500/10 text-green-600 dark:text-green-400"
+			color: "bg-status-success-bg-subtle text-status-success-text"
 		},
 		{
 			label: "Favorites",
 			description: "Your saved carts",
 			icon: /* @__PURE__ */ q(E, { className: "h-5 w-5" }),
 			path: "/customer/favorites",
-			color: "bg-pink-500/10 text-pink-600 dark:text-pink-400"
+			color: "bg-accent-purple-subtle text-text-primary"
 		},
 		{
 			label: "Settings",
 			description: "Manage preferences",
 			icon: /* @__PURE__ */ q(F, { className: "h-5 w-5" }),
 			path: "/settings",
-			color: "bg-muted text-muted-foreground"
+			color: "bg-bg-sunken text-text-secondary"
 		}
 	],
 	cart_owner: [
@@ -48,28 +48,28 @@ var Y = {
 			description: "Manage your cart",
 			icon: /* @__PURE__ */ q(V, { className: "h-5 w-5" }),
 			path: "/owner/dashboard",
-			color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+			color: "bg-accent-purple-subtle text-text-primary"
 		},
 		{
 			label: "Orders",
 			description: "Incoming orders",
 			icon: /* @__PURE__ */ q(L, { className: "h-5 w-5" }),
 			path: "/owner/orders",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-[var(--color-accent-soft)] text-text-primary"
 		},
 		{
 			label: "Analytics",
 			description: "Revenue & insights",
 			icon: /* @__PURE__ */ q(v, { className: "h-5 w-5" }),
 			path: "/owner/analytics",
-			color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+			color: "bg-status-success-bg-subtle text-status-success-text"
 		},
 		{
 			label: "Staff",
 			description: "Manage workers",
 			icon: /* @__PURE__ */ q(W, { className: "h-5 w-5" }),
 			path: "/owner/staff",
-			color: "bg-orange-500/10 text-orange-600 dark:text-orange-400"
+			color: "bg-status-warning-bg-subtle text-status-warning-text"
 		}
 	],
 	worker: [
@@ -78,28 +78,28 @@ var Y = {
 			description: "View assigned tasks",
 			icon: /* @__PURE__ */ q(x, { className: "h-5 w-5" }),
 			path: "/worker/dashboard",
-			color: "bg-orange-500/10 text-orange-600 dark:text-orange-400"
+			color: "bg-status-warning-bg-subtle text-status-warning-text"
 		},
 		{
 			label: "Schedule",
 			description: "View shifts",
 			icon: /* @__PURE__ */ q(S, { className: "h-5 w-5" }),
 			path: "/worker/schedule",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-[var(--color-accent-soft)] text-text-primary"
 		},
 		{
 			label: "Earnings",
 			description: "Track pay",
 			icon: /* @__PURE__ */ q(G, { className: "h-5 w-5" }),
 			path: "/worker/earnings",
-			color: "bg-green-500/10 text-green-600 dark:text-green-400"
+			color: "bg-status-success-bg-subtle text-status-success-text"
 		},
 		{
 			label: "Performance",
 			description: "Ratings & stats",
 			icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" }),
 			path: "/worker/performance",
-			color: "bg-yellow-500/10 text-yellow-600 dark:text-yellow-400"
+			color: "bg-status-warning-bg-subtle text-status-warning-text"
 		}
 	],
 	investor: [
@@ -108,28 +108,28 @@ var Y = {
 			description: "Your investments",
 			icon: /* @__PURE__ */ q(H, { className: "h-5 w-5" }),
 			path: "/investor/dashboard",
-			color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+			color: "bg-status-success-bg-subtle text-status-success-text"
 		},
 		{
 			label: "Opportunities",
 			description: "New investments",
 			icon: /* @__PURE__ */ q(T, { className: "h-5 w-5" }),
 			path: "/investor/opportunities",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-[var(--color-accent-soft)] text-text-primary"
 		},
 		{
 			label: "Returns",
 			description: "Earnings history",
 			icon: /* @__PURE__ */ q(O, { className: "h-5 w-5" }),
 			path: "/investor/returns",
-			color: "bg-green-500/10 text-green-600 dark:text-green-400"
+			color: "bg-status-success-bg-subtle text-status-success-text"
 		},
 		{
 			label: "Reports",
 			description: "Performance reports",
 			icon: /* @__PURE__ */ q(C, { className: "h-5 w-5" }),
 			path: "/investor/reports",
-			color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+			color: "bg-accent-purple-subtle text-text-primary"
 		}
 	],
 	admin: [
@@ -138,28 +138,28 @@ var Y = {
 			description: "Platform overview",
 			icon: /* @__PURE__ */ q(k, { className: "h-5 w-5" }),
 			path: "/admin/dashboard",
-			color: "bg-red-500/10 text-red-600 dark:text-red-400"
+			color: "bg-status-error-bg-subtle text-status-error-text"
 		},
 		{
 			label: "Users",
 			description: "Manage accounts",
 			icon: /* @__PURE__ */ q(W, { className: "h-5 w-5" }),
 			path: "/admin/users",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-[var(--color-accent-soft)] text-text-primary"
 		},
 		{
 			label: "Carts",
 			description: "Approve & manage",
 			icon: /* @__PURE__ */ q(V, { className: "h-5 w-5" }),
 			path: "/admin/carts",
-			color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+			color: "bg-accent-purple-subtle text-text-primary"
 		},
 		{
 			label: "Analytics",
 			description: "Revenue reports",
 			icon: /* @__PURE__ */ q(v, { className: "h-5 w-5" }),
 			path: "/admin/analytics",
-			color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+			color: "bg-status-success-bg-subtle text-status-success-text"
 		}
 	]
 };
@@ -321,47 +321,47 @@ var Z = [
 	{
 		label: "Food & Beverage",
 		icon: /* @__PURE__ */ q(b, { className: "h-6 w-6" }),
-		color: "bg-orange-500/10 text-orange-600 dark:text-orange-400"
+		color: "bg-status-warning-bg-subtle text-status-warning-text"
 	},
 	{
 		label: "Personal Care & Beauty",
 		icon: /* @__PURE__ */ q(N, { className: "h-6 w-6" }),
-		color: "bg-pink-500/10 text-pink-600 dark:text-pink-400"
+		color: "bg-accent-purple-subtle text-text-primary"
 	},
 	{
 		label: "Repair & Maintenance",
 		icon: /* @__PURE__ */ q(K, { className: "h-6 w-6" }),
-		color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+		color: "bg-[var(--color-accent-soft)] text-text-primary"
 	},
 	{
 		label: "Home Services",
 		icon: /* @__PURE__ */ q(D, { className: "h-6 w-6" }),
-		color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+		color: "bg-status-success-bg-subtle text-status-success-text"
 	},
 	{
 		label: "Clothing & Fashion",
 		icon: /* @__PURE__ */ q(I, { className: "h-6 w-6" }),
-		color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+		color: "bg-accent-purple-subtle text-text-primary"
 	},
 	{
 		label: "Health & Wellness",
 		icon: /* @__PURE__ */ q(E, { className: "h-6 w-6" }),
-		color: "bg-red-500/10 text-red-600 dark:text-red-400"
+		color: "bg-status-error-bg-subtle text-status-error-text"
 	},
 	{
 		label: "Education & Skills",
 		icon: /* @__PURE__ */ q(w, { className: "h-6 w-6" }),
-		color: "bg-yellow-500/10 text-yellow-600 dark:text-yellow-400"
+		color: "bg-status-warning-bg-subtle text-status-warning-text"
 	},
 	{
 		label: "Retail & Merchandise",
 		icon: /* @__PURE__ */ q(M, { className: "h-6 w-6" }),
-		color: "bg-indigo-500/10 text-indigo-600 dark:text-indigo-400"
+		color: "bg-[var(--color-accent-soft)] text-text-primary"
 	},
 	{
 		label: "Grocery & Essentials",
 		icon: /* @__PURE__ */ q(R, { className: "h-6 w-6" }),
-		color: "bg-green-500/10 text-green-600 dark:text-green-400"
+		color: "bg-status-success-bg-subtle text-status-success-text"
 	}
 ], Q = [
 	{
@@ -465,10 +465,10 @@ function te() {
 		}
 		return e.sort((e, t) => t.rating - e.rating).slice(0, 6);
 	}, [w.data, x]), V = d(() => [...T.data ?? []].sort((e, t) => new Date(t.orderDate).getTime() - new Date(e.orderDate).getTime()).slice(0, 3), [T.data]), H = {
-		order: "text-blue-600 dark:text-blue-400",
-		review: "text-yellow-600 dark:text-yellow-400",
-		investment: "text-green-600 dark:text-green-400",
-		cart: "text-purple-600 dark:text-purple-400"
+		order: "text-text-primary",
+		review: "text-status-warning-text",
+		investment: "text-status-success-text",
+		cart: "text-text-primary"
 	}, U = (T.data ?? []).length === 0 && !T.isLoading, W = w.isLoading || T.isLoading || E.isLoading, G = w.isError || T.isError || E.isError;
 	return W ? /* @__PURE__ */ q(n, {
 		title: D("kadaikodi.common.loading", "Loading..."),
@@ -481,13 +481,13 @@ function te() {
 		children: /* @__PURE__ */ J("div", {
 			className: "flex h-[60vh] flex-col items-center justify-center gap-4",
 			children: [
-				/* @__PURE__ */ q(h, { className: "h-12 w-12 text-destructive" }),
+				/* @__PURE__ */ q(h, { className: "h-12 w-12 text-status-error-text" }),
 				/* @__PURE__ */ q("h2", {
 					className: "text-xl font-semibold",
 					children: D("kadaikodi.common.errorLoading", "Error loading data")
 				}),
 				/* @__PURE__ */ q("p", {
-					className: "text-muted-foreground",
+					className: "text-text-secondary",
 					children: D("kadaikodi.common.tryAgain", "Please try again later.")
 				})
 			]
@@ -497,27 +497,27 @@ function te() {
 		description: F[M],
 		children: [
 			U && /* @__PURE__ */ q("section", {
-				className: "mb-6 rounded-xl border border-border bg-gradient-to-r from-primary/5 via-primary/10 to-primary/5 p-6",
+				className: "mb-6 rounded-xl border border-border-subtle bg-gradient-to-r from-primary/5 via-primary/10 to-primary/5 p-6",
 				children: /* @__PURE__ */ J("div", {
 					className: "flex items-start gap-4",
 					children: [/* @__PURE__ */ q("div", {
-						className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-primary/10",
+						className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10",
 						children: /* @__PURE__ */ q(z, { className: "h-6 w-6 text-primary" })
 					}), /* @__PURE__ */ J("div", {
 						className: "flex-1",
 						children: [
 							/* @__PURE__ */ q("h2", {
-								className: "text-lg font-semibold text-foreground",
+								className: "text-lg font-semibold text-text-primary",
 								children: D("kadaikodi.home.welcomeTitle", "Welcome to Kadaikodi!")
 							}),
 							/* @__PURE__ */ q("p", {
-								className: "mt-1 text-sm text-muted-foreground",
+								className: "mt-1 text-sm text-text-secondary",
 								children: D("kadaikodi.home.welcomeDescription", "Your local services marketplace. Start by exploring service providers near you or browse categories to find what you need.")
 							}),
 							/* @__PURE__ */ J("button", {
 								type: "button",
 								onClick: () => v("/customer/carts"),
-								className: "mt-3 inline-flex items-center gap-1.5 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+								className: "mt-3 inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 								children: [/* @__PURE__ */ q(P, { className: "h-4 w-4" }), D("kadaikodi.home.exploreServices", "Explore Services")]
 							})
 						]
@@ -525,19 +525,19 @@ function te() {
 				})
 			}),
 			/* @__PURE__ */ q("section", {
-				className: "mb-6 rounded-xl border border-border bg-card p-6",
+				className: "mb-6 rounded-xl border border-border-subtle bg-bg-surface p-6",
 				children: /* @__PURE__ */ J("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
 					children: [/* @__PURE__ */ J("div", { children: [
 						/* @__PURE__ */ q("div", {
 							className: "flex items-center gap-2 mb-1",
 							children: /* @__PURE__ */ J("span", {
-								className: "inline-flex items-center rounded-full bg-primary/10 px-2.5 py-0.5 text-xs font-medium text-primary",
+								className: "inline-flex items-center rounded-full bg-action-primary-bg/10 px-2.5 py-0.5 text-xs font-medium text-primary",
 								children: [/* @__PURE__ */ q(_, { className: "mr-1 h-3 w-3" }), N[M]]
 							})
 						}),
 						/* @__PURE__ */ J("h2", {
-							className: "text-xl font-bold text-foreground",
+							className: "text-xl font-bold text-text-primary",
 							children: [
 								D("kadaikodi.home.good", "Good"),
 								" ",
@@ -547,17 +547,17 @@ function te() {
 							]
 						}),
 						/* @__PURE__ */ q("p", {
-							className: "mt-1 text-sm text-muted-foreground",
+							className: "mt-1 text-sm text-text-secondary",
 							children: F[M]
 						})
 					] }), /* @__PURE__ */ J("div", {
 						className: "relative w-full sm:w-72",
-						children: [/* @__PURE__ */ q(P, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ q("input", {
+						children: [/* @__PURE__ */ q(P, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ q("input", {
 							type: "text",
 							placeholder: D("kadaikodi.home.searchPlaceholder", "Search services, carts..."),
 							value: x,
 							onChange: (e) => C(e.target.value),
-							className: "w-full rounded-lg border border-border bg-card py-2.5 pl-10 pr-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+							className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 						})]
 					})]
 				})
@@ -565,7 +565,7 @@ function te() {
 			/* @__PURE__ */ J("section", {
 				className: "mb-8",
 				children: [/* @__PURE__ */ q("h2", {
-					className: "text-lg font-semibold text-foreground mb-4",
+					className: "text-lg font-semibold text-text-primary mb-4",
 					children: D("kadaikodi.home.quickStats", "Quick Stats")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
@@ -581,14 +581,14 @@ function te() {
 			/* @__PURE__ */ J("section", {
 				className: "mb-8",
 				children: [/* @__PURE__ */ q("h2", {
-					className: "text-lg font-semibold text-foreground mb-4",
+					className: "text-lg font-semibold text-text-primary mb-4",
 					children: D("kadaikodi.home.quickActions", "Quick Actions")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
 					children: I.map((e) => /* @__PURE__ */ J("button", {
 						type: "button",
 						onClick: () => v(e.path),
-						className: t("flex items-start gap-3 rounded-lg border border-border bg-card p-4 text-left shadow-sm transition-all", "hover:border-accent-foreground/20 hover:shadow-md"),
+						className: t("flex items-start gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 text-left shadow-sm transition-all", "hover:border-accent-foreground/20 hover:shadow-md"),
 						children: [
 							/* @__PURE__ */ q("div", {
 								className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", e.color),
@@ -597,14 +597,14 @@ function te() {
 							/* @__PURE__ */ J("div", {
 								className: "min-w-0 flex-1",
 								children: [/* @__PURE__ */ q("p", {
-									className: "text-sm font-semibold text-foreground",
+									className: "text-sm font-semibold text-text-primary",
 									children: e.label
 								}), /* @__PURE__ */ q("p", {
-									className: "mt-0.5 text-xs text-muted-foreground",
+									className: "mt-0.5 text-xs text-text-secondary",
 									children: e.description
 								})]
 							}),
-							/* @__PURE__ */ q(g, { className: "h-4 w-4 text-muted-foreground shrink-0 mt-1" })
+							/* @__PURE__ */ q(g, { className: "h-4 w-4 text-text-secondary shrink-0 mt-1" })
 						]
 					}, e.label))
 				})]
@@ -614,7 +614,7 @@ function te() {
 				children: [/* @__PURE__ */ J("div", {
 					className: "flex items-center justify-between mb-4",
 					children: [/* @__PURE__ */ q("h2", {
-						className: "text-lg font-semibold text-foreground",
+						className: "text-lg font-semibold text-text-primary",
 						children: x ? D("kadaikodi.home.searchResults", "Search Results") : D("kadaikodi.home.featuredCarts", "Featured Carts")
 					}), /* @__PURE__ */ J("button", {
 						type: "button",
@@ -627,13 +627,14 @@ function te() {
 						]
 					})]
 				}), R.length === 0 ? /* @__PURE__ */ q(a, {
+					illustration: "empty-search",
 					icon: /* @__PURE__ */ q(P, { className: "h-10 w-10" }),
 					title: D("kadaikodi.home.noCartsFound", "No carts found"),
 					description: D("kadaikodi.home.noCartsDescription", "Try adjusting your search or browse all categories"),
 					action: /* @__PURE__ */ q("button", {
 						type: "button",
 						onClick: () => C(""),
-						className: "rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+						className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 						children: D("kadaikodi.home.clearSearch", "Clear Search")
 					})
 				}) : /* @__PURE__ */ q("div", {
@@ -645,9 +646,9 @@ function te() {
 						onKeyDown: (t) => {
 							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), v(`/customer/cart/${e.id}`));
 						},
-						className: "rounded-lg border border-border bg-card shadow-sm overflow-hidden transition-all hover:shadow-md hover:border-accent-foreground/20 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden transition-all hover:shadow-md hover:border-accent-foreground/20 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
 						children: [/* @__PURE__ */ J("div", {
-							className: "relative h-40 bg-muted",
+							className: "relative h-40 bg-bg-sunken",
 							children: [
 								/* @__PURE__ */ q("img", {
 									src: e.image,
@@ -662,7 +663,7 @@ function te() {
 								e.isVerified && /* @__PURE__ */ q("div", {
 									className: "absolute top-2 left-2",
 									children: /* @__PURE__ */ J("span", {
-										className: "inline-flex items-center gap-1 rounded-full bg-blue-500/90 px-2 py-0.5 text-xs font-medium text-white backdrop-blur-sm",
+										className: "inline-flex items-center gap-1 rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs font-medium text-white backdrop-blur-sm",
 										children: [
 											/* @__PURE__ */ q(_, { className: "h-3 w-3" }),
 											" ",
@@ -691,14 +692,14 @@ function te() {
 									children: [/* @__PURE__ */ J("div", {
 										className: "min-w-0 flex-1",
 										children: [/* @__PURE__ */ q("h3", {
-											className: "text-base font-semibold text-foreground truncate",
+											className: "text-base font-semibold text-text-primary truncate",
 											children: e.name
 										}), /* @__PURE__ */ q("p", {
-											className: "mt-0.5 text-sm text-muted-foreground",
+											className: "mt-0.5 text-sm text-text-secondary",
 											children: e.category
 										})]
 									}), /* @__PURE__ */ J("div", {
-										className: "flex items-center gap-1 rounded bg-green-600 px-1.5 py-0.5 ml-2 shrink-0",
+										className: "flex items-center gap-1 rounded bg-status-success-text px-1.5 py-0.5 ml-2 shrink-0",
 										children: [/* @__PURE__ */ q(B, { className: "h-3 w-3 fill-white text-white" }), /* @__PURE__ */ q("span", {
 											className: "text-xs font-bold text-white",
 											children: e.rating
@@ -706,7 +707,7 @@ function te() {
 									})]
 								}),
 								/* @__PURE__ */ J("div", {
-									className: "mt-3 flex items-center gap-4 text-xs text-muted-foreground",
+									className: "mt-3 flex items-center gap-4 text-xs text-text-secondary",
 									children: [
 										/* @__PURE__ */ J("span", {
 											className: "flex items-center gap-1",
@@ -741,7 +742,7 @@ function te() {
 								e.serviceTypes && e.serviceTypes.length > 0 && /* @__PURE__ */ q("div", {
 									className: "mt-3 flex flex-wrap gap-1.5",
 									children: e.serviceTypes.slice(0, 3).map((e) => /* @__PURE__ */ q("span", {
-										className: "inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground",
+										className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
 										children: e.replace(/_/g, " ")
 									}, e))
 								})
@@ -755,7 +756,7 @@ function te() {
 				children: [/* @__PURE__ */ J("div", {
 					className: "flex items-center justify-between mb-4",
 					children: [/* @__PURE__ */ q("h2", {
-						className: "text-lg font-semibold text-foreground",
+						className: "text-lg font-semibold text-text-primary",
 						children: D("kadaikodi.home.recentOrders", "Recent Orders")
 					}), /* @__PURE__ */ J("button", {
 						type: "button",
@@ -768,7 +769,7 @@ function te() {
 						]
 					})]
 				}), /* @__PURE__ */ q("div", {
-					className: "rounded-lg border border-border bg-card divide-y divide-border",
+					className: "rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border",
 					children: V.map((e) => /* @__PURE__ */ J("div", {
 						role: "button",
 						tabIndex: 0,
@@ -788,21 +789,21 @@ function te() {
 								children: [/* @__PURE__ */ J("div", {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ q("p", {
-										className: "text-sm font-medium text-foreground truncate",
+										className: "text-sm font-medium text-text-primary truncate",
 										children: e.cartName
 									}), /* @__PURE__ */ q(i, { status: e.status })]
 								}), /* @__PURE__ */ q("p", {
-									className: "text-xs text-muted-foreground mt-0.5",
+									className: "text-xs text-text-secondary mt-0.5",
 									children: e.items.map((e) => e.name).join(", ")
 								})]
 							}),
 							/* @__PURE__ */ J("div", {
 								className: "text-right shrink-0",
 								children: [/* @__PURE__ */ q("p", {
-									className: "text-sm font-semibold text-foreground",
+									className: "text-sm font-semibold text-text-primary",
 									children: s(e.total, { minimumFractionDigits: 0 })
 								}), /* @__PURE__ */ q("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: l(e.orderDate)
 								})]
 							})
@@ -813,30 +814,30 @@ function te() {
 			/* @__PURE__ */ J("section", {
 				className: "mb-8",
 				children: [/* @__PURE__ */ q("h2", {
-					className: "text-lg font-semibold text-foreground mb-4",
+					className: "text-lg font-semibold text-text-primary mb-4",
 					children: D("kadaikodi.home.howItWorks", "How It Works")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
 					children: Q.map((e) => /* @__PURE__ */ J("div", {
-						className: "relative rounded-lg border border-border bg-card p-5 text-center",
+						className: "relative rounded-lg border border-border-subtle bg-bg-surface p-5 text-center",
 						children: [
 							/* @__PURE__ */ q("div", {
 								className: "absolute -top-3 left-1/2 -translate-x-1/2",
 								children: /* @__PURE__ */ q("span", {
-									className: "inline-flex h-6 w-6 items-center justify-center rounded-full bg-primary text-xs font-bold text-primary-foreground",
+									className: "inline-flex h-6 w-6 items-center justify-center rounded-full bg-action-primary-bg text-xs font-bold text-action-primary-text",
 									children: e.step
 								})
 							}),
 							/* @__PURE__ */ q("div", {
-								className: "mt-2 flex justify-center text-muted-foreground mb-3",
+								className: "mt-2 flex justify-center text-text-secondary mb-3",
 								children: e.icon
 							}),
 							/* @__PURE__ */ q("h3", {
-								className: "text-sm font-semibold text-foreground",
+								className: "text-sm font-semibold text-text-primary",
 								children: e.title
 							}),
 							/* @__PURE__ */ q("p", {
-								className: "mt-1 text-xs text-muted-foreground",
+								className: "mt-1 text-xs text-text-secondary",
 								children: e.description
 							})
 						]
@@ -846,19 +847,19 @@ function te() {
 			/* @__PURE__ */ J("section", {
 				className: "mb-8",
 				children: [/* @__PURE__ */ q("h2", {
-					className: "text-lg font-semibold text-foreground mb-4",
+					className: "text-lg font-semibold text-text-primary mb-4",
 					children: D("kadaikodi.home.browseByCategory", "Browse by Category")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-3 gap-3 sm:grid-cols-4 lg:grid-cols-5",
 					children: Z.map((e) => /* @__PURE__ */ J("button", {
 						type: "button",
 						onClick: () => v(`/customer/carts?category=${encodeURIComponent(e.label)}`),
-						className: "flex flex-col items-center gap-2 rounded-lg border border-border bg-card p-4 text-center hover:shadow-sm hover:border-accent-foreground/20 transition-all",
+						className: "flex flex-col items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface p-4 text-center hover:shadow-sm hover:border-accent-foreground/20 transition-all",
 						children: [/* @__PURE__ */ q("div", {
 							className: t("flex h-12 w-12 items-center justify-center rounded-full", e.color),
 							children: e.icon
 						}), /* @__PURE__ */ q("span", {
-							className: "text-xs font-medium text-foreground leading-tight",
+							className: "text-xs font-medium text-text-primary leading-tight",
 							children: e.label
 						})]
 					}, e.label))
@@ -867,46 +868,46 @@ function te() {
 			/* @__PURE__ */ J("section", {
 				className: "mb-8",
 				children: [/* @__PURE__ */ q("h2", {
-					className: "text-lg font-semibold text-foreground mb-4",
+					className: "text-lg font-semibold text-text-primary mb-4",
 					children: D("kadaikodi.home.platformStats", "Platform Stats")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
 					children: ee.map((e) => /* @__PURE__ */ J("div", {
-						className: "flex items-center gap-3 rounded-lg border border-border bg-card p-4",
+						className: "flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4",
 						children: [/* @__PURE__ */ q("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-full bg-primary/10 text-primary shrink-0",
+							className: "flex h-10 w-10 items-center justify-center rounded-full bg-action-primary-bg/10 text-primary shrink-0",
 							children: e.icon
 						}), /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
-							className: "text-lg font-bold text-foreground",
+							className: "text-lg font-bold text-text-primary",
 							children: e.value
 						}), /* @__PURE__ */ q("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: e.label
 						})] })]
 					}, e.label))
 				})]
 			}),
 			/* @__PURE__ */ J("section", { children: [/* @__PURE__ */ q("h2", {
-				className: "text-lg font-semibold text-foreground mb-4",
+				className: "text-lg font-semibold text-text-primary mb-4",
 				children: D("kadaikodi.home.recentActivity", "Recent Activity")
 			}), /* @__PURE__ */ q("div", {
-				className: "rounded-lg border border-border bg-card divide-y divide-border",
+				className: "rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border",
 				children: $.map((e) => /* @__PURE__ */ J("div", {
 					className: "flex items-center gap-3 px-4 py-3",
 					children: [
 						/* @__PURE__ */ q("div", {
-							className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-muted",
-							children: /* @__PURE__ */ q(m, { className: t("h-4 w-4", H[e.type] ?? "text-muted-foreground") })
+							className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken",
+							children: /* @__PURE__ */ q(m, { className: t("h-4 w-4", H[e.type] ?? "text-text-secondary") })
 						}),
 						/* @__PURE__ */ q("div", {
 							className: "flex-1 min-w-0",
 							children: /* @__PURE__ */ q("p", {
-								className: "text-sm text-foreground truncate",
+								className: "text-sm text-text-primary truncate",
 								children: e.description
 							})
 						}),
 						/* @__PURE__ */ q("span", {
-							className: "text-xs text-muted-foreground whitespace-nowrap",
+							className: "text-xs text-text-secondary whitespace-nowrap",
 							children: e.time
 						})
 					]