@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

package/dist/adaptercloud/pages/customer/CustomerProfilePage.js

@@ -135,7 +135,7 @@ function A() {
 		children: /* @__PURE__ */ E("div", {
 			className: "flex flex-col items-center justify-center py-16 text-center",
 			children: [/* @__PURE__ */ T("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-foreground mx-auto mb-4" }), /* @__PURE__ */ T("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: "Loading profile..."
 			})]
 		})
@@ -143,18 +143,18 @@ function A() {
 		title: "My Profile",
 		description: "Manage your personal information and preferences",
 		children: [/* @__PURE__ */ E("div", {
-			className: "flex flex-col items-center sm:flex-row sm:items-start gap-6 rounded-lg border border-border bg-card p-6",
+			className: "flex flex-col items-center sm:flex-row sm:items-start gap-6 rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 			children: [
 				/* @__PURE__ */ E("div", {
 					className: "relative",
 					children: [/* @__PURE__ */ T("div", {
-						className: "h-24 w-24 rounded-full bg-muted overflow-hidden",
+						className: "h-24 w-24 rounded-full bg-bg-sunken overflow-hidden",
 						children: R.profilePicture ? /* @__PURE__ */ T("img", {
 							src: R.profilePicture,
 							alt: `${R.firstName} ${R.lastName}`,
 							className: "h-full w-full object-cover"
 						}) : /* @__PURE__ */ T("div", {
-							className: "flex h-full w-full items-center justify-center text-muted-foreground",
+							className: "flex h-full w-full items-center justify-center text-text-secondary",
 							children: /* @__PURE__ */ T(S, { className: "h-10 w-10" })
 						})
 					}), /* @__PURE__ */ T("button", {
@@ -167,7 +167,7 @@ function A() {
 					className: "flex-1 text-center sm:text-left",
 					children: [
 						/* @__PURE__ */ E("h2", {
-							className: "text-xl font-semibold text-foreground",
+							className: "text-xl font-semibold text-text-primary",
 							children: [
 								z.firstName,
 								" ",
@@ -175,20 +175,20 @@ function A() {
 							]
 						}),
 						/* @__PURE__ */ T("p", {
-							className: "mt-1 text-sm text-muted-foreground",
+							className: "mt-1 text-sm text-text-secondary",
 							children: z.email
 						}),
 						/* @__PURE__ */ T("p", {
-							className: "mt-0.5 text-sm text-muted-foreground",
+							className: "mt-0.5 text-sm text-text-secondary",
 							children: z.phone
 						}),
 						/* @__PURE__ */ E("div", {
 							className: "flex flex-wrap items-center justify-center sm:justify-start gap-2 mt-2",
 							children: [/* @__PURE__ */ E("span", {
-								className: t("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium", R.isEmailVerified ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-destructive/20 text-destructive"),
+								className: t("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium", R.isEmailVerified ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
 								children: [/* @__PURE__ */ T(f, { className: "h-3 w-3" }), R.isEmailVerified ? "Email Verified" : "Email Not Verified"]
 							}), /* @__PURE__ */ E("span", {
-								className: t("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium", R.isPhoneVerified ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-destructive/20 text-destructive"),
+								className: t("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium", R.isPhoneVerified ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
 								children: [/* @__PURE__ */ T(f, { className: "h-3 w-3" }), R.isPhoneVerified ? "Phone Verified" : "Phone Not Verified"]
 							})]
 						})
@@ -197,25 +197,25 @@ function A() {
 				/* @__PURE__ */ E("div", {
 					className: "text-center sm:text-right",
 					children: [/* @__PURE__ */ T("p", {
-						className: "text-2xl font-bold text-foreground",
+						className: "text-2xl font-bold text-text-primary",
 						children: U.loyaltyPoints
 					}), /* @__PURE__ */ T("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: "Loyalty Points"
 					})]
 				})
 			]
 		}), /* @__PURE__ */ E("div", {
-			className: "mt-6 rounded-lg border border-border bg-card",
+			className: "mt-6 rounded-lg border border-border-subtle bg-bg-surface",
 			children: [/* @__PURE__ */ T("div", {
-				className: "border-b border-border",
+				className: "border-b border-border-subtle",
 				children: /* @__PURE__ */ T("nav", {
 					className: "flex -mb-px overflow-x-auto",
 					children: $.map((e) => {
 						let n = e.icon;
 						return /* @__PURE__ */ E("button", {
 							type: "button",
-							className: t("flex items-center gap-2 py-3.5 px-5 text-sm font-medium whitespace-nowrap transition-colors", P === e.key ? "border-b-2 border-foreground text-foreground" : "text-muted-foreground hover:text-foreground"),
+							className: t("flex items-center gap-2 py-3.5 px-5 text-sm font-medium whitespace-nowrap transition-colors", P === e.key ? "border-b-2 border-foreground text-text-primary" : "text-text-secondary hover:text-text-primary"),
 							onClick: () => F(e.key),
 							children: [/* @__PURE__ */ T(n, { className: "h-4 w-4" }), e.label]
 						}, e.key);
@@ -230,7 +230,7 @@ function A() {
 							/* @__PURE__ */ E("div", {
 								className: "flex justify-between items-center",
 								children: [/* @__PURE__ */ T("h3", {
-									className: "text-lg font-semibold text-foreground",
+									className: "text-lg font-semibold text-text-primary",
 									children: "Personal Information"
 								}), I ? /* @__PURE__ */ E("div", {
 									className: "flex gap-2",
@@ -242,13 +242,13 @@ function A() {
 									}), /* @__PURE__ */ E("button", {
 										type: "button",
 										onClick: K,
-										className: "flex items-center gap-1.5 rounded-lg border border-border px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent transition-colors",
+										className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
 										children: [/* @__PURE__ */ T(w, { className: "h-3 w-3" }), "Cancel"]
 									})]
 								}) : /* @__PURE__ */ E("button", {
 									type: "button",
 									onClick: G,
-									className: "flex items-center gap-1.5 rounded-lg border border-border px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent transition-colors",
+									className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
 									children: [/* @__PURE__ */ T(m, { className: "h-3 w-3" }), "Edit Profile"]
 								})]
 							}),
@@ -256,63 +256,63 @@ function A() {
 								className: "grid grid-cols-1 md:grid-cols-2 gap-5",
 								children: [
 									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-										className: "block text-sm font-medium text-foreground mb-1.5",
+										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: "First Name"
 									}), /* @__PURE__ */ T("input", {
 										type: "text",
 										value: I ? V.firstName : z.firstName,
 										onChange: (e) => Y("firstName", e.target.value),
 										disabled: !I,
-										className: t("w-full rounded-lg border border-border px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring", !I && "bg-muted cursor-not-allowed", I && "bg-background")
+										className: t("w-full rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", !I && "bg-bg-sunken cursor-not-allowed", I && "bg-bg-surface")
 									})] }),
 									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-										className: "block text-sm font-medium text-foreground mb-1.5",
+										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: "Last Name"
 									}), /* @__PURE__ */ T("input", {
 										type: "text",
 										value: I ? V.lastName : z.lastName,
 										onChange: (e) => Y("lastName", e.target.value),
 										disabled: !I,
-										className: t("w-full rounded-lg border border-border px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring", !I && "bg-muted cursor-not-allowed", I && "bg-background")
+										className: t("w-full rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", !I && "bg-bg-sunken cursor-not-allowed", I && "bg-bg-surface")
 									})] }),
 									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-										className: "block text-sm font-medium text-foreground mb-1.5",
+										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: "Email"
 									}), /* @__PURE__ */ T("input", {
 										type: "email",
 										value: I ? V.email : z.email,
 										onChange: (e) => Y("email", e.target.value),
 										disabled: !I,
-										className: t("w-full rounded-lg border border-border px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring", !I && "bg-muted cursor-not-allowed", I && "bg-background")
+										className: t("w-full rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", !I && "bg-bg-sunken cursor-not-allowed", I && "bg-bg-surface")
 									})] }),
 									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-										className: "block text-sm font-medium text-foreground mb-1.5",
+										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: "Phone"
 									}), /* @__PURE__ */ T("input", {
 										type: "tel",
 										value: I ? V.phone : z.phone,
 										onChange: (e) => Y("phone", e.target.value),
 										disabled: !I,
-										className: t("w-full rounded-lg border border-border px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring", !I && "bg-muted cursor-not-allowed", I && "bg-background")
+										className: t("w-full rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", !I && "bg-bg-sunken cursor-not-allowed", I && "bg-bg-surface")
 									})] })
 								]
 							}),
 							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h4", {
-								className: "text-base font-semibold text-foreground mb-3",
+								className: "text-base font-semibold text-text-primary mb-3",
 								children: "Primary Address"
 							}), /* @__PURE__ */ E("div", {
-								className: "rounded-lg bg-muted/50 p-4",
+								className: "rounded-lg bg-bg-sunken/50 p-4",
 								children: [
 									/* @__PURE__ */ T("p", {
-										className: "text-sm font-medium text-foreground",
+										className: "text-sm font-medium text-text-primary",
 										children: k[0].street
 									}),
 									/* @__PURE__ */ T("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: k[0].area
 									}),
 									/* @__PURE__ */ E("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: [
 											k[0].city,
 											", ",
@@ -324,7 +324,7 @@ function A() {
 									/* @__PURE__ */ E("button", {
 										type: "button",
 										onClick: () => A("/customer/addresses"),
-										className: "mt-2 flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors",
+										className: "mt-2 flex items-center gap-1 text-xs font-medium text-text-secondary hover:text-text-primary transition-colors",
 										children: [
 											/* @__PURE__ */ T(_, { className: "h-3 w-3" }),
 											"Manage Addresses",
@@ -334,45 +334,45 @@ function A() {
 								]
 							})] }),
 							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h4", {
-								className: "text-base font-semibold text-foreground mb-3 flex items-center gap-2",
-								children: [/* @__PURE__ */ T(s, { className: "h-4 w-4 text-muted-foreground" }), "Emergency Contact"]
+								className: "text-base font-semibold text-text-primary mb-3 flex items-center gap-2",
+								children: [/* @__PURE__ */ T(s, { className: "h-4 w-4 text-text-secondary" }), "Emergency Contact"]
 							}), /* @__PURE__ */ E("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
 									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-										className: "block text-sm font-medium text-foreground mb-1.5",
+										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: "Name"
 									}), /* @__PURE__ */ T("input", {
 										type: "text",
 										value: I ? V.emergencyContact.name : z.emergencyContact.name,
 										onChange: (e) => X("name", e.target.value),
 										disabled: !I,
-										className: t("w-full rounded-lg border border-border px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring", !I && "bg-muted cursor-not-allowed", I && "bg-background")
+										className: t("w-full rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", !I && "bg-bg-sunken cursor-not-allowed", I && "bg-bg-surface")
 									})] }),
 									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-										className: "block text-sm font-medium text-foreground mb-1.5",
+										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: "Phone"
 									}), /* @__PURE__ */ T("input", {
 										type: "tel",
 										value: I ? V.emergencyContact.phone : z.emergencyContact.phone,
 										onChange: (e) => X("phone", e.target.value),
 										disabled: !I,
-										className: t("w-full rounded-lg border border-border px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring", !I && "bg-muted cursor-not-allowed", I && "bg-background")
+										className: t("w-full rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", !I && "bg-bg-sunken cursor-not-allowed", I && "bg-bg-surface")
 									})] }),
 									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-										className: "block text-sm font-medium text-foreground mb-1.5",
+										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: "Relationship"
 									}), /* @__PURE__ */ T("input", {
 										type: "text",
 										value: I ? V.emergencyContact.relationship : z.emergencyContact.relationship,
 										onChange: (e) => X("relationship", e.target.value),
 										disabled: !I,
-										className: t("w-full rounded-lg border border-border px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring", !I && "bg-muted cursor-not-allowed", I && "bg-background")
+										className: t("w-full rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", !I && "bg-bg-sunken cursor-not-allowed", I && "bg-bg-surface")
 									})] })
 								]
 							})] }),
 							I && /* @__PURE__ */ E("div", {
-								className: "flex gap-3 pt-4 border-t border-border",
+								className: "flex gap-3 pt-4 border-t border-border-subtle",
 								children: [/* @__PURE__ */ E("button", {
 									type: "button",
 									onClick: q,
@@ -381,7 +381,7 @@ function A() {
 								}), /* @__PURE__ */ T("button", {
 									type: "button",
 									onClick: K,
-									className: "flex items-center gap-2 rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+									className: "flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 									children: "Cancel"
 								})]
 							})
@@ -391,8 +391,8 @@ function A() {
 						className: "space-y-8",
 						children: [
 							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h3", {
-								className: "text-lg font-semibold text-foreground mb-4 flex items-center gap-2",
-								children: [/* @__PURE__ */ T(u, { className: "h-4 w-4 text-muted-foreground" }), "Notification Preferences"]
+								className: "text-lg font-semibold text-text-primary mb-4 flex items-center gap-2",
+								children: [/* @__PURE__ */ T(u, { className: "h-4 w-4 text-text-secondary" }), "Notification Preferences"]
 							}), /* @__PURE__ */ T("div", {
 								className: "space-y-3",
 								children: [
@@ -418,16 +418,16 @@ function A() {
 										type: "checkbox",
 										checked: V.notifications[e.key],
 										onChange: (t) => Z(e.key, t.target.checked),
-										className: "h-4 w-4 rounded border-border text-foreground focus:ring-ring"
+										className: "h-4 w-4 rounded border-border-subtle text-text-primary focus:ring-[var(--color-focus-ring)]"
 									}), /* @__PURE__ */ T("span", {
-										className: "text-sm text-foreground",
+										className: "text-sm text-text-primary",
 										children: e.label
 									})]
 								}, e.key))
 							})] }),
 							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h3", {
-								className: "text-lg font-semibold text-foreground mb-4 flex items-center gap-2",
-								children: [/* @__PURE__ */ T(h, { className: "h-4 w-4 text-muted-foreground" }), "Dietary Preferences"]
+								className: "text-lg font-semibold text-text-primary mb-4 flex items-center gap-2",
+								children: [/* @__PURE__ */ T(h, { className: "h-4 w-4 text-text-secondary" }), "Dietary Preferences"]
 							}), /* @__PURE__ */ T("div", {
 								className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3",
 								children: D.map((e) => /* @__PURE__ */ E("label", {
@@ -436,16 +436,16 @@ function A() {
 										type: "checkbox",
 										checked: V.dietary.includes(e),
 										onChange: (t) => Q("dietary", e, t.target.checked),
-										className: "h-4 w-4 rounded border-border text-foreground focus:ring-ring"
+										className: "h-4 w-4 rounded border-border-subtle text-text-primary focus:ring-[var(--color-focus-ring)]"
 									}), /* @__PURE__ */ T("span", {
-										className: "text-sm text-foreground capitalize",
+										className: "text-sm text-text-primary capitalize",
 										children: e
 									})]
 								}, e))
 							})] }),
 							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h3", {
-								className: "text-lg font-semibold text-foreground mb-4 flex items-center gap-2",
-								children: [/* @__PURE__ */ T(s, { className: "h-4 w-4 text-destructive" }), "Food Allergies"]
+								className: "text-lg font-semibold text-text-primary mb-4 flex items-center gap-2",
+								children: [/* @__PURE__ */ T(s, { className: "h-4 w-4 text-status-error-text" }), "Food Allergies"]
 							}), /* @__PURE__ */ T("div", {
 								className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3",
 								children: O.map((e) => /* @__PURE__ */ E("label", {
@@ -454,15 +454,15 @@ function A() {
 										type: "checkbox",
 										checked: V.allergies.includes(e),
 										onChange: (t) => Q("allergies", e, t.target.checked),
-										className: "h-4 w-4 rounded border-border text-destructive focus:ring-destructive"
+										className: "h-4 w-4 rounded border-border-subtle text-status-error-text focus:ring-destructive"
 									}), /* @__PURE__ */ T("span", {
-										className: "text-sm text-foreground capitalize",
+										className: "text-sm text-text-primary capitalize",
 										children: e
 									})]
 								}, e))
 							})] }),
 							/* @__PURE__ */ T("div", {
-								className: "pt-4 border-t border-border",
+								className: "pt-4 border-t border-border-subtle",
 								children: /* @__PURE__ */ E("button", {
 									type: "button",
 									onClick: J,
@@ -478,41 +478,41 @@ function A() {
 							className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 							children: [
 								/* @__PURE__ */ E("div", {
-									className: "rounded-lg bg-blue-500/10 p-5 border border-blue-500/20",
+									className: "rounded-lg bg-accent-blue-subtle/10 p-5 border border-accent-blue-subtle/20",
 									children: [/* @__PURE__ */ E("div", {
 										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ T(x, { className: "h-4 w-4 text-blue-600 dark:text-blue-400" }), /* @__PURE__ */ T("h4", {
-											className: "text-sm font-medium text-blue-600 dark:text-blue-400",
+										children: [/* @__PURE__ */ T(x, { className: "h-4 w-4 text-accent-blue" }), /* @__PURE__ */ T("h4", {
+											className: "text-sm font-medium text-accent-blue",
 											children: "Total Orders"
 										})]
 									}), /* @__PURE__ */ T("p", {
-										className: "text-3xl font-bold text-blue-600 dark:text-blue-400",
+										className: "text-3xl font-bold text-accent-blue",
 										children: U.totalOrders
 									})]
 								}),
 								/* @__PURE__ */ E("div", {
-									className: "rounded-lg bg-green-500/10 p-5 border border-green-500/20",
+									className: "rounded-lg bg-status-success-bg-subtle/10 p-5 border border-status-success-border/20",
 									children: [/* @__PURE__ */ E("div", {
 										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ T(g, { className: "h-4 w-4 text-green-600 dark:text-green-400" }), /* @__PURE__ */ T("h4", {
-											className: "text-sm font-medium text-green-600 dark:text-green-400",
+										children: [/* @__PURE__ */ T(g, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ T("h4", {
+											className: "text-sm font-medium text-status-success-text",
 											children: "Total Spent"
 										})]
 									}), /* @__PURE__ */ T("p", {
-										className: "text-3xl font-bold text-green-600 dark:text-green-400",
+										className: "text-3xl font-bold text-status-success-text",
 										children: i(U.totalSpent, { minimumFractionDigits: 0 })
 									})]
 								}),
 								/* @__PURE__ */ E("div", {
-									className: "rounded-lg bg-purple-500/10 p-5 border border-purple-500/20",
+									className: "rounded-lg bg-accent-purple-subtle/10 p-5 border border-accent-purple-subtle/20",
 									children: [/* @__PURE__ */ E("div", {
 										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ T(c, { className: "h-4 w-4 text-purple-600 dark:text-purple-400" }), /* @__PURE__ */ T("h4", {
-											className: "text-sm font-medium text-purple-600 dark:text-purple-400",
+										children: [/* @__PURE__ */ T(c, { className: "h-4 w-4 text-accent-purple" }), /* @__PURE__ */ T("h4", {
+											className: "text-sm font-medium text-accent-purple",
 											children: "Loyalty Points"
 										})]
 									}), /* @__PURE__ */ T("p", {
-										className: "text-3xl font-bold text-purple-600 dark:text-purple-400",
+										className: "text-3xl font-bold text-accent-purple",
 										children: U.loyaltyPoints
 									})]
 								})
@@ -520,40 +520,40 @@ function A() {
 						}), /* @__PURE__ */ E("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 							children: [/* @__PURE__ */ E("div", {
-								className: "rounded-lg border border-border bg-card p-5",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ E("h4", {
-									className: "text-base font-semibold text-foreground mb-4 flex items-center gap-2",
-									children: [/* @__PURE__ */ T(l, { className: "h-4 w-4 text-muted-foreground" }), "Order Statistics"]
+									className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
+									children: [/* @__PURE__ */ T(l, { className: "h-4 w-4 text-text-secondary" }), "Order Statistics"]
 								}), /* @__PURE__ */ E("div", {
 									className: "space-y-3",
 									children: [
 										/* @__PURE__ */ E("div", {
 											className: "flex justify-between",
 											children: [/* @__PURE__ */ T("span", {
-												className: "text-sm text-muted-foreground",
+												className: "text-sm text-text-secondary",
 												children: "Average Order Value"
 											}), /* @__PURE__ */ T("span", {
-												className: "text-sm font-medium text-foreground",
+												className: "text-sm font-medium text-text-primary",
 												children: i(U.avgOrderValue, { minimumFractionDigits: 0 })
 											})]
 										}),
 										/* @__PURE__ */ E("div", {
 											className: "flex justify-between",
 											children: [/* @__PURE__ */ T("span", {
-												className: "text-sm text-muted-foreground",
+												className: "text-sm text-text-secondary",
 												children: "Favorite Category"
 											}), /* @__PURE__ */ T("span", {
-												className: "text-sm font-medium text-foreground",
+												className: "text-sm font-medium text-text-primary",
 												children: U.favoriteCategory
 											})]
 										}),
 										/* @__PURE__ */ E("div", {
 											className: "flex justify-between",
 											children: [/* @__PURE__ */ T("span", {
-												className: "text-sm text-muted-foreground",
+												className: "text-sm text-text-secondary",
 												children: "Member Since"
 											}), /* @__PURE__ */ T("span", {
-												className: "text-sm font-medium text-foreground",
+												className: "text-sm font-medium text-text-primary",
 												children: a(U.memberSince, {
 													hour: void 0,
 													minute: void 0,
@@ -564,40 +564,40 @@ function A() {
 									]
 								})]
 							}), /* @__PURE__ */ E("div", {
-								className: "rounded-lg border border-border bg-card p-5",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ E("h4", {
-									className: "text-base font-semibold text-foreground mb-4 flex items-center gap-2",
-									children: [/* @__PURE__ */ T(b, { className: "h-4 w-4 text-muted-foreground" }), "Account Status"]
+									className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
+									children: [/* @__PURE__ */ T(b, { className: "h-4 w-4 text-text-secondary" }), "Account Status"]
 								}), /* @__PURE__ */ E("div", {
 									className: "space-y-3",
 									children: [
 										/* @__PURE__ */ E("div", {
 											className: "flex justify-between items-center",
 											children: [/* @__PURE__ */ T("span", {
-												className: "text-sm text-muted-foreground",
+												className: "text-sm text-text-secondary",
 												children: "Email Verification"
 											}), /* @__PURE__ */ T("span", {
-												className: t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", R.isEmailVerified ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-destructive/20 text-destructive"),
+												className: t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", R.isEmailVerified ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
 												children: R.isEmailVerified ? "Verified" : "Not Verified"
 											})]
 										}),
 										/* @__PURE__ */ E("div", {
 											className: "flex justify-between items-center",
 											children: [/* @__PURE__ */ T("span", {
-												className: "text-sm text-muted-foreground",
+												className: "text-sm text-text-secondary",
 												children: "Phone Verification"
 											}), /* @__PURE__ */ T("span", {
-												className: t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", R.isPhoneVerified ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-destructive/20 text-destructive"),
+												className: t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", R.isPhoneVerified ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
 												children: R.isPhoneVerified ? "Verified" : "Not Verified"
 											})]
 										}),
 										/* @__PURE__ */ E("div", {
 											className: "flex justify-between",
 											children: [/* @__PURE__ */ T("span", {
-												className: "text-sm text-muted-foreground",
+												className: "text-sm text-text-secondary",
 												children: "Last Updated"
 											}), /* @__PURE__ */ T("span", {
-												className: "text-sm font-medium text-foreground",
+												className: "text-sm font-medium text-text-primary",
 												children: a(R.updatedAt, {
 													hour: void 0,
 													minute: void 0,