@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.624.1

package/dist/adaptercloud/pages/investor/InvestorProfilePage.js

@@ -219,18 +219,18 @@ function A() {
 				onClick: () => {
 					P(!1), V(z);
 				},
-				className: "flex items-center gap-2 rounded-lg border border-border px-4 py-2 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 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 				children: [/* @__PURE__ */ T(C, { className: "h-4 w-4" }), "Cancel"]
 			}), /* @__PURE__ */ T("button", {
 				type: "button",
 				onClick: ge,
 				disabled: F,
-				className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors", F ? "cursor-not-allowed bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90"),
+				className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors", F ? "cursor-not-allowed bg-bg-sunken text-text-secondary" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
 				children: F ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), "Saving..."] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(se, { className: "h-4 w-4" }), "Save Changes"] })
 			})] }) : /* @__PURE__ */ E("button", {
 				type: "button",
 				onClick: () => P(!0),
-				className: "flex items-center gap-2 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+				className: "flex items-center gap-2 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__ */ T(ie, { className: "h-4 w-4" }), "Edit Profile"]
 			})]
 		}),
@@ -240,24 +240,24 @@ function A() {
 				className: "lg:col-span-1",
 				children: [
 					/* @__PURE__ */ E("div", {
-						className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
 						children: [/* @__PURE__ */ E("div", {
 							className: "text-center",
 							children: [
 								/* @__PURE__ */ E("div", {
 									className: "relative mx-auto inline-block",
 									children: [/* @__PURE__ */ T("div", {
-										className: "h-20 w-20 overflow-hidden rounded-full bg-muted sm:h-24 sm:w-24",
+										className: "h-20 w-20 overflow-hidden rounded-full bg-bg-sunken sm:h-24 sm:w-24",
 										children: B.profileImage ? /* @__PURE__ */ T("img", {
 											src: B.profileImage,
 											alt: "Profile",
 											className: "h-full w-full object-cover"
 										}) : /* @__PURE__ */ T("div", {
 											className: "flex h-full w-full items-center justify-center",
-											children: /* @__PURE__ */ T(S, { className: "h-10 w-10 text-muted-foreground" })
+											children: /* @__PURE__ */ T(S, { className: "h-10 w-10 text-text-secondary" })
 										})
 									}), N && /* @__PURE__ */ E("label", {
-										className: "absolute bottom-0 right-0 flex h-8 w-8 cursor-pointer items-center justify-center rounded-full bg-primary text-primary-foreground hover:bg-primary/90 transition-colors",
+										className: "absolute bottom-0 right-0 flex h-8 w-8 cursor-pointer items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 										children: [/* @__PURE__ */ T(ne, { className: "h-4 w-4" }), /* @__PURE__ */ T("input", {
 											type: "file",
 											accept: "image/*",
@@ -267,7 +267,7 @@ function A() {
 									})]
 								}),
 								/* @__PURE__ */ E("h3", {
-									className: "mt-3 text-base font-semibold text-foreground sm:text-lg",
+									className: "mt-3 text-base font-semibold text-text-primary sm:text-lg",
 									children: [
 										B.firstName,
 										" ",
@@ -275,21 +275,21 @@ function A() {
 									]
 								}),
 								/* @__PURE__ */ T("p", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: B.investorType
 								}),
 								/* @__PURE__ */ T("p", {
-									className: "mt-1 truncate text-xs text-muted-foreground",
+									className: "mt-1 truncate text-xs text-text-secondary",
 									children: B.companyName
 								})
 							]
 						}), /* @__PURE__ */ E("div", {
-							className: "mt-5 space-y-3 border-t border-border pt-4",
+							className: "mt-5 space-y-3 border-t border-border-subtle pt-4",
 							children: [
 								/* @__PURE__ */ E("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ T("span", {
-										className: "text-xs text-muted-foreground sm:text-sm",
+										className: "text-xs text-text-secondary sm:text-sm",
 										children: "Portfolio Value"
 									}), /* @__PURE__ */ T("span", {
 										className: "text-xs font-semibold text-primary sm:text-sm",
@@ -299,17 +299,17 @@ function A() {
 								/* @__PURE__ */ E("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ T("span", {
-										className: "text-xs text-muted-foreground sm:text-sm",
+										className: "text-xs text-text-secondary sm:text-sm",
 										children: "Active Investments"
 									}), /* @__PURE__ */ T("span", {
-										className: "text-xs font-semibold text-foreground sm:text-sm",
+										className: "text-xs font-semibold text-text-primary sm:text-sm",
 										children: B.activeInvestments
 									})]
 								}),
 								/* @__PURE__ */ E("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ T("span", {
-										className: "text-xs text-muted-foreground sm:text-sm",
+										className: "text-xs text-text-secondary sm:text-sm",
 										children: "Total Returns"
 									}), /* @__PURE__ */ E("span", {
 										className: "text-xs font-semibold text-green-600 dark:text-green-400 sm:text-sm",
@@ -319,10 +319,10 @@ function A() {
 								/* @__PURE__ */ E("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ T("span", {
-										className: "text-xs text-muted-foreground sm:text-sm",
+										className: "text-xs text-text-secondary sm:text-sm",
 										children: "Total Invested"
 									}), /* @__PURE__ */ T("span", {
-										className: "text-xs font-semibold text-foreground sm:text-sm",
+										className: "text-xs font-semibold text-text-primary sm:text-sm",
 										children: r(B.totalInvested ?? 0, { minimumFractionDigits: 0 })
 									})]
 								})
@@ -334,7 +334,7 @@ function A() {
 						children: D.map((e) => /* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: () => M(e.id),
-							className: t("flex shrink-0 items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors", j === e.id ? "bg-primary text-primary-foreground shadow-sm" : "bg-card text-foreground hover:bg-accent"),
+							className: t("flex shrink-0 items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors", j === e.id ? "bg-action-primary-bg text-action-primary-text shadow-sm" : "bg-bg-surface text-text-primary hover:bg-accent"),
 							children: [/* @__PURE__ */ T(e.Icon, { className: "h-4 w-4 shrink-0" }), e.label]
 						}, e.id))
 					}),
@@ -343,7 +343,7 @@ function A() {
 						children: D.map((e) => /* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: () => M(e.id),
-							className: t("flex w-full items-center gap-3 rounded-lg px-4 py-3 text-sm font-medium transition-colors", j === e.id ? "bg-primary text-primary-foreground" : "bg-card text-foreground hover:bg-accent"),
+							className: t("flex w-full items-center gap-3 rounded-lg px-4 py-3 text-sm font-medium transition-colors", j === e.id ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-surface text-text-primary hover:bg-accent"),
 							children: [/* @__PURE__ */ T(e.Icon, { className: "h-4 w-4" }), e.label]
 						}, e.id))
 					})
@@ -351,10 +351,10 @@ function A() {
 			}), /* @__PURE__ */ T("div", {
 				className: "lg:col-span-3",
 				children: /* @__PURE__ */ E("div", {
-					className: "rounded-lg border border-border bg-card p-4 sm:p-6 lg:p-8",
+					className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6 lg:p-8",
 					children: [
 						j === "personal" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
-							className: "mb-6 text-lg font-semibold text-foreground sm:text-xl",
+							className: "mb-6 text-lg font-semibold text-text-primary sm:text-xl",
 							children: "Personal Information"
 						}), /* @__PURE__ */ E("div", {
 							className: "space-y-6",
@@ -363,171 +363,171 @@ function A() {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6",
 									children: [
 										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-											className: "mb-1 block text-sm font-medium text-foreground",
+											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "First Name"
 										}), /* @__PURE__ */ T("input", {
 											type: "text",
 											value: B.firstName,
 											onChange: (e) => $("firstName", e.target.value),
 											disabled: !N,
-											className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+											className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 										})] }),
 										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-											className: "mb-1 block text-sm font-medium text-foreground",
+											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "Last Name"
 										}), /* @__PURE__ */ T("input", {
 											type: "text",
 											value: B.lastName,
 											onChange: (e) => $("lastName", e.target.value),
 											disabled: !N,
-											className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+											className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 										})] }),
 										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-											className: "mb-1 block text-sm font-medium text-foreground",
+											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "Email Address"
 										}), /* @__PURE__ */ E("div", {
 											className: "relative",
-											children: [/* @__PURE__ */ T(_, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ T("input", {
+											children: [/* @__PURE__ */ T(_, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ T("input", {
 												type: "email",
 												value: B.email,
 												onChange: (e) => $("email", e.target.value),
 												disabled: !N,
-												className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-3 text-sm text-foreground disabled:bg-muted disabled: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 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 											})]
 										})] }),
 										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-											className: "mb-1 block text-sm font-medium text-foreground",
+											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "Phone Number"
 										}), /* @__PURE__ */ E("div", {
 											className: "relative",
-											children: [/* @__PURE__ */ T(oe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ T("input", {
+											children: [/* @__PURE__ */ T(oe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ T("input", {
 												type: "tel",
 												value: B.phone,
 												onChange: (e) => $("phone", e.target.value),
 												disabled: !N,
-												className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-3 text-sm text-foreground disabled:bg-muted disabled: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 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 											})]
 										})] })
 									]
 								}),
 								/* @__PURE__ */ E("div", {
-									className: "border-t border-border pt-6",
+									className: "border-t border-border-subtle pt-6",
 									children: [/* @__PURE__ */ T("h3", {
-										className: "mb-4 text-sm font-semibold text-foreground sm:text-base",
+										className: "mb-4 text-sm font-semibold text-text-primary sm:text-base",
 										children: "Professional Details"
 									}), /* @__PURE__ */ E("div", {
 										className: "grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6",
 										children: [
 											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-												className: "mb-1 block text-sm font-medium text-foreground",
+												className: "mb-1 block text-sm font-medium text-text-primary",
 												children: "Company/Organization"
 											}), /* @__PURE__ */ E("div", {
 												className: "relative",
-												children: [/* @__PURE__ */ T(u, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ T("input", {
+												children: [/* @__PURE__ */ T(u, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ T("input", {
 													type: "text",
 													value: B.companyName,
 													onChange: (e) => $("companyName", e.target.value),
 													disabled: !N,
-													className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-3 text-sm text-foreground disabled:bg-muted disabled: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 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												})]
 											})] }),
 											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-												className: "mb-1 block text-sm font-medium text-foreground",
+												className: "mb-1 block text-sm font-medium text-text-primary",
 												children: "Designation"
 											}), /* @__PURE__ */ T("input", {
 												type: "text",
 												value: B.designation,
 												onChange: (e) => $("designation", e.target.value),
 												disabled: !N,
-												className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+												className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 											})] }),
 											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-												className: "mb-1 block text-sm font-medium text-foreground",
+												className: "mb-1 block text-sm font-medium text-text-primary",
 												children: "Company Website"
 											}), /* @__PURE__ */ E("div", {
 												className: "relative",
-												children: [/* @__PURE__ */ T(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ T("input", {
+												children: [/* @__PURE__ */ T(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ T("input", {
 													type: "text",
 													value: B.companyWebsite,
 													onChange: (e) => $("companyWebsite", e.target.value),
 													disabled: !N,
-													className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-3 text-sm text-foreground disabled:bg-muted disabled: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 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												})]
 											})] }),
 											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-												className: "mb-1 block text-sm font-medium text-foreground",
+												className: "mb-1 block text-sm font-medium text-text-primary",
 												children: "LinkedIn Profile"
 											}), /* @__PURE__ */ E("div", {
 												className: "relative",
-												children: [/* @__PURE__ */ T(ae, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ T("input", {
+												children: [/* @__PURE__ */ T(ae, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ T("input", {
 													type: "text",
 													value: B.linkedinProfile,
 													onChange: (e) => $("linkedinProfile", e.target.value),
 													disabled: !N,
-													className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-3 text-sm text-foreground disabled:bg-muted disabled: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 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												})]
 											})] })
 										]
 									})]
 								}),
 								/* @__PURE__ */ E("div", {
-									className: "border-t border-border pt-6",
+									className: "border-t border-border-subtle pt-6",
 									children: [/* @__PURE__ */ T("h3", {
-										className: "mb-4 text-sm font-semibold text-foreground sm:text-base",
+										className: "mb-4 text-sm font-semibold text-text-primary sm:text-base",
 										children: "Address"
 									}), /* @__PURE__ */ E("div", {
 										className: "space-y-4",
 										children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-											className: "mb-1 block text-sm font-medium text-foreground",
+											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "Street Address"
 										}), /* @__PURE__ */ T("textarea", {
 											rows: 2,
 											value: B.address,
 											onChange: (e) => $("address", e.target.value),
 											disabled: !N,
-											className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+											className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 										})] }), /* @__PURE__ */ E("div", {
 											className: "grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6",
 											children: [
 												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-													className: "mb-1 block text-sm font-medium text-foreground",
+													className: "mb-1 block text-sm font-medium text-text-primary",
 													children: "City"
 												}), /* @__PURE__ */ T("input", {
 													type: "text",
 													value: B.city,
 													onChange: (e) => $("city", e.target.value),
 													disabled: !N,
-													className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+													className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												})] }),
 												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-													className: "mb-1 block text-sm font-medium text-foreground",
+													className: "mb-1 block text-sm font-medium text-text-primary",
 													children: "State"
 												}), /* @__PURE__ */ T("input", {
 													type: "text",
 													value: B.state,
 													onChange: (e) => $("state", e.target.value),
 													disabled: !N,
-													className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+													className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												})] }),
 												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-													className: "mb-1 block text-sm font-medium text-foreground",
+													className: "mb-1 block text-sm font-medium text-text-primary",
 													children: "Country"
 												}), /* @__PURE__ */ T("input", {
 													type: "text",
 													value: B.country,
 													onChange: (e) => $("country", e.target.value),
 													disabled: !N,
-													className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+													className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												})] }),
 												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-													className: "mb-1 block text-sm font-medium text-foreground",
+													className: "mb-1 block text-sm font-medium text-text-primary",
 													children: "Pincode"
 												}), /* @__PURE__ */ T("input", {
 													type: "text",
 													value: B.pincode,
 													onChange: (e) => $("pincode", e.target.value),
 													disabled: !N,
-													className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+													className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												})] })
 											]
 										})]
@@ -536,7 +536,7 @@ function A() {
 							]
 						})] }),
 						j === "investment" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
-							className: "mb-6 text-lg font-semibold text-foreground sm:text-xl",
+							className: "mb-6 text-lg font-semibold text-text-primary sm:text-xl",
 							children: "Investment Profile"
 						}), /* @__PURE__ */ E("div", {
 							className: "space-y-6",
@@ -545,13 +545,13 @@ function A() {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6",
 									children: [
 										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-											className: "mb-1 block text-sm font-medium text-foreground",
+											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "Investor Type"
 										}), /* @__PURE__ */ E("select", {
 											value: B.investorType,
 											onChange: (e) => $("investorType", e.target.value),
 											disabled: !N,
-											className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+											className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 											children: [
 												/* @__PURE__ */ T("option", { children: "Angel Investor" }),
 												/* @__PURE__ */ T("option", { children: "Venture Capitalist" }),
@@ -560,13 +560,13 @@ function A() {
 											]
 										})] }),
 										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-											className: "mb-1 block text-sm font-medium text-foreground",
+											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "Investment Range"
 										}), /* @__PURE__ */ E("select", {
 											value: B.investmentRange,
 											onChange: (e) => $("investmentRange", e.target.value),
 											disabled: !N,
-											className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+											className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 											children: [
 												/* @__PURE__ */ T("option", { children: "1L - 5L" }),
 												/* @__PURE__ */ T("option", { children: "5L - 25L" }),
@@ -575,13 +575,13 @@ function A() {
 											]
 										})] }),
 										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-											className: "mb-1 block text-sm font-medium text-foreground",
+											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "Investment Horizon"
 										}), /* @__PURE__ */ E("select", {
 											value: B.investmentHorizon,
 											onChange: (e) => $("investmentHorizon", e.target.value),
 											disabled: !N,
-											className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+											className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 											children: [
 												/* @__PURE__ */ T("option", { children: "1-2 years" }),
 												/* @__PURE__ */ T("option", { children: "3-5 years" }),
@@ -590,13 +590,13 @@ function A() {
 											]
 										})] }),
 										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-											className: "mb-1 block text-sm font-medium text-foreground",
+											className: "mb-1 block text-sm font-medium text-text-primary",
 											children: "Risk Profile"
 										}), /* @__PURE__ */ E("select", {
 											value: B.riskProfile,
 											onChange: (e) => $("riskProfile", e.target.value),
 											disabled: !N,
-											className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+											className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 											children: [
 												/* @__PURE__ */ T("option", { children: "Conservative" }),
 												/* @__PURE__ */ T("option", { children: "Moderate" }),
@@ -606,7 +606,7 @@ function A() {
 									]
 								}),
 								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-									className: "mb-3 block text-sm font-medium text-foreground",
+									className: "mb-3 block text-sm font-medium text-text-primary",
 									children: "Preferred Sectors"
 								}), /* @__PURE__ */ T("div", {
 									className: "grid grid-cols-2 gap-3 sm:grid-cols-3",
@@ -619,19 +619,19 @@ function A() {
 												t.target.checked ? $("preferredSectors", [...B.preferredSectors, e]) : $("preferredSectors", B.preferredSectors.filter((t) => t !== e));
 											},
 											disabled: !N,
-											className: "h-4 w-4 rounded border-border text-primary focus:ring-ring"
+											className: "h-4 w-4 rounded border-border-subtle text-primary focus:ring-[var(--color-focus-ring)]"
 										}), /* @__PURE__ */ T("span", {
-											className: "text-sm text-foreground",
+											className: "text-sm text-text-primary",
 											children: e
 										})]
 									}, e))
 								})] }),
 								/* @__PURE__ */ E("div", {
-									className: "rounded-lg border border-border p-4",
+									className: "rounded-lg border border-border-subtle p-4",
 									children: [/* @__PURE__ */ E("div", {
 										className: "mb-2 flex items-center justify-between",
 										children: [/* @__PURE__ */ T("p", {
-											className: "text-sm font-medium text-foreground",
+											className: "text-sm font-medium text-text-primary",
 											children: "Risk Tolerance"
 										}), /* @__PURE__ */ T("span", {
 											className: t("text-sm font-semibold", B.riskProfile === "Conservative" ? "text-green-600 dark:text-green-400" : B.riskProfile === "Moderate" ? "text-yellow-600 dark:text-yellow-400" : "text-red-600 dark:text-red-400"),
@@ -650,73 +650,73 @@ function A() {
 						})] }),
 						j === "portfolio" && /* @__PURE__ */ E("div", { children: [
 							/* @__PURE__ */ T("h2", {
-								className: "mb-6 text-lg font-semibold text-foreground sm:text-xl",
+								className: "mb-6 text-lg font-semibold text-text-primary sm:text-xl",
 								children: "Investment Portfolio"
 							}),
 							/* @__PURE__ */ E("div", {
 								className: "mb-8 grid grid-cols-2 gap-4 sm:grid-cols-4 sm:gap-6",
 								children: [
 									/* @__PURE__ */ E("div", {
-										className: "rounded-lg bg-muted/50 p-4",
+										className: "rounded-lg bg-bg-sunken/50 p-4",
 										children: [
 											/* @__PURE__ */ T(re, { className: "mb-2 h-7 w-7 text-primary sm:h-8 sm:w-8" }),
 											/* @__PURE__ */ T("div", {
-												className: "text-lg font-bold text-foreground sm:text-2xl",
+												className: "text-lg font-bold text-text-primary sm:text-2xl",
 												children: r(B.totalInvested ?? 0, {
 													minimumFractionDigits: 0,
 													notation: "compact"
 												})
 											}),
 											/* @__PURE__ */ T("div", {
-												className: "text-xs text-muted-foreground sm:text-sm",
+												className: "text-xs text-text-secondary sm:text-sm",
 												children: "Total Invested"
 											})
 										]
 									}),
 									/* @__PURE__ */ E("div", {
-										className: "rounded-lg bg-muted/50 p-4",
+										className: "rounded-lg bg-bg-sunken/50 p-4",
 										children: [
 											/* @__PURE__ */ T(l, { className: "mb-2 h-7 w-7 text-blue-600 sm:h-8 sm:w-8" }),
 											/* @__PURE__ */ T("div", {
-												className: "text-lg font-bold text-foreground sm:text-2xl",
+												className: "text-lg font-bold text-text-primary sm:text-2xl",
 												children: B.activeInvestments
 											}),
 											/* @__PURE__ */ T("div", {
-												className: "text-xs text-muted-foreground sm:text-sm",
+												className: "text-xs text-text-secondary sm:text-sm",
 												children: "Active Investments"
 											})
 										]
 									}),
 									/* @__PURE__ */ E("div", {
-										className: "rounded-lg bg-muted/50 p-4",
+										className: "rounded-lg bg-bg-sunken/50 p-4",
 										children: [
 											/* @__PURE__ */ T(x, { className: "mb-2 h-7 w-7 text-green-600 sm:h-8 sm:w-8" }),
 											/* @__PURE__ */ T("div", {
-												className: "text-lg font-bold text-foreground sm:text-2xl",
+												className: "text-lg font-bold text-text-primary sm:text-2xl",
 												children: r(B.totalReturns ?? 0, {
 													minimumFractionDigits: 0,
 													notation: "compact"
 												})
 											}),
 											/* @__PURE__ */ T("div", {
-												className: "text-xs text-muted-foreground sm:text-sm",
+												className: "text-xs text-text-secondary sm:text-sm",
 												children: "Total Returns"
 											})
 										]
 									}),
 									/* @__PURE__ */ E("div", {
-										className: "rounded-lg bg-muted/50 p-4",
+										className: "rounded-lg bg-bg-sunken/50 p-4",
 										children: [
 											/* @__PURE__ */ T(b, { className: "mb-2 h-7 w-7 text-purple-600 sm:h-8 sm:w-8" }),
 											/* @__PURE__ */ T("div", {
-												className: "text-lg font-bold text-foreground sm:text-2xl",
+												className: "text-lg font-bold text-text-primary sm:text-2xl",
 												children: r(B.portfolioValue ?? 0, {
 													minimumFractionDigits: 0,
 													notation: "compact"
 												})
 											}),
 											/* @__PURE__ */ T("div", {
-												className: "text-xs text-muted-foreground sm:text-sm",
+												className: "text-xs text-text-secondary sm:text-sm",
 												children: "Portfolio Value"
 											})
 										]
@@ -724,16 +724,16 @@ function A() {
 								]
 							}),
 							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
-								className: "mb-4 text-base font-semibold text-foreground",
+								className: "mb-4 text-base font-semibold text-text-primary",
 								children: "Active Investments"
 							}), /* @__PURE__ */ T("div", {
 								className: "space-y-3",
 								children: i.map((e, n) => /* @__PURE__ */ E("div", {
-									className: "rounded-lg border border-border bg-muted/30 p-4",
+									className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
 									children: [/* @__PURE__ */ E("div", {
 										className: "mb-3 flex items-start justify-between",
 										children: [/* @__PURE__ */ T("h4", {
-											className: "text-sm font-medium text-foreground sm:text-base",
+											className: "text-sm font-medium text-text-primary sm:text-base",
 											children: e.cartName
 										}), /* @__PURE__ */ E("span", {
 											className: t("text-sm font-semibold", e.returns > 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
@@ -747,21 +747,21 @@ function A() {
 										className: "grid grid-cols-1 gap-3 text-sm sm:grid-cols-3",
 										children: [
 											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("span", {
-												className: "text-muted-foreground",
+												className: "text-text-secondary",
 												children: "Invested: "
 											}), /* @__PURE__ */ T("span", {
-												className: "font-medium text-foreground",
+												className: "font-medium text-text-primary",
 												children: r(e.investedAmount, { minimumFractionDigits: 0 })
 											})] }),
 											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("span", {
-												className: "text-muted-foreground",
+												className: "text-text-secondary",
 												children: "Current Value: "
 											}), /* @__PURE__ */ T("span", {
-												className: "font-medium text-foreground",
+												className: "font-medium text-text-primary",
 												children: r(e.currentValue, { minimumFractionDigits: 0 })
 											})] }),
 											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("span", {
-												className: "text-muted-foreground",
+												className: "text-text-secondary",
 												children: "Returns: "
 											}), /* @__PURE__ */ T("span", {
 												className: "font-medium text-green-600 dark:text-green-400",
@@ -773,7 +773,7 @@ function A() {
 							})] })
 						] }),
 						j === "documents" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
-							className: "mb-6 text-lg font-semibold text-foreground sm:text-xl",
+							className: "mb-6 text-lg font-semibold text-text-primary sm:text-xl",
 							children: "Documents & KYC"
 						}), /* @__PURE__ */ E("div", {
 							className: "space-y-6",
@@ -788,15 +788,15 @@ function A() {
 								/* @__PURE__ */ T("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6",
 									children: O.map((e) => /* @__PURE__ */ E("div", {
-										className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+										className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
 										children: [
 											/* @__PURE__ */ T(m, { className: "mb-3 h-8 w-8 text-primary" }),
 											/* @__PURE__ */ T("h3", {
-												className: "text-base font-semibold text-foreground",
+												className: "text-base font-semibold text-text-primary",
 												children: e.name
 											}),
 											/* @__PURE__ */ T("p", {
-												className: "mt-1 text-sm text-muted-foreground",
+												className: "mt-1 text-sm text-text-secondary",
 												children: e.status === "verified" ? `Verified on ${e.verifiedOn}` : e.status === "uploaded" ? `Uploaded on ${e.verifiedOn}` : "Template available"
 											}),
 											/* @__PURE__ */ E("div", {
@@ -813,7 +813,7 @@ function A() {
 													/* @__PURE__ */ T("button", {
 														type: "button",
 														onClick: () => alert(e.status === "template" ? `Downloading ${e.name} template...` : `Viewing ${e.name}...`),
-														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-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
 														children: e.status === "template" ? "Download Template" : "View Document"
 													})
 												]
@@ -822,19 +822,19 @@ function A() {
 									}, e.name))
 								}),
 								N && /* @__PURE__ */ E("div", {
-									className: "rounded-lg border-2 border-dashed border-border p-6 text-center",
+									className: "rounded-lg border-2 border-dashed border-border-subtle p-6 text-center",
 									children: [
-										/* @__PURE__ */ T(m, { className: "mx-auto mb-2 h-8 w-8 text-muted-foreground" }),
+										/* @__PURE__ */ T(m, { className: "mx-auto mb-2 h-8 w-8 text-text-secondary" }),
 										/* @__PURE__ */ T("p", {
-											className: "text-sm font-medium text-foreground",
+											className: "text-sm font-medium text-text-primary",
 											children: "Upload New Document"
 										}),
 										/* @__PURE__ */ T("p", {
-											className: "mt-1 text-xs text-muted-foreground",
+											className: "mt-1 text-xs text-text-secondary",
 											children: "PDF, JPG, or PNG up to 10MB"
 										}),
 										/* @__PURE__ */ E("label", {
-											className: "mt-3 inline-block cursor-pointer 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-block cursor-pointer 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: ["Choose File", /* @__PURE__ */ T("input", {
 												type: "file",
 												accept: ".pdf,.jpg,.png",
@@ -846,30 +846,30 @@ function A() {
 							]
 						})] }),
 						j === "security" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
-							className: "mb-6 text-lg font-semibold text-foreground sm:text-xl",
+							className: "mb-6 text-lg font-semibold text-text-primary sm:text-xl",
 							children: "Security Settings"
 						}), /* @__PURE__ */ E("div", {
 							className: "space-y-6",
 							children: [
 								/* @__PURE__ */ E("div", {
-									className: "rounded-lg border border-border p-4 sm:p-6",
+									className: "rounded-lg border border-border-subtle p-4 sm:p-6",
 									children: [
 										/* @__PURE__ */ E("div", {
 											className: "flex items-center gap-3 mb-3",
-											children: [/* @__PURE__ */ T(g, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ T("h3", {
-												className: "text-base font-semibold text-foreground",
+											children: [/* @__PURE__ */ T(g, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T("h3", {
+												className: "text-base font-semibold text-text-primary",
 												children: "Change Password"
 											})]
 										}),
 										/* @__PURE__ */ T("p", {
-											className: "mb-4 text-sm text-muted-foreground",
+											className: "mb-4 text-sm text-text-secondary",
 											children: "Update your password regularly to keep your account secure"
 										}),
 										fe ? /* @__PURE__ */ E("div", {
 											className: "space-y-4",
 											children: [
 												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-													className: "mb-1 block text-sm font-medium text-foreground",
+													className: "mb-1 block text-sm font-medium text-text-primary",
 													children: "Current Password"
 												}), /* @__PURE__ */ E("div", {
 													className: "relative",
@@ -877,16 +877,16 @@ function A() {
 														type: X ? "text" : "password",
 														value: W,
 														onChange: (e) => G(e.target.value),
-														className: "w-full rounded-lg border border-border bg-card px-3 py-2 pr-10 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+														className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 pr-10 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 													}), /* @__PURE__ */ T("button", {
 														type: "button",
 														onClick: () => pe(!X),
-														className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+														className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
 														children: T(X ? p : f, { className: "h-4 w-4" })
 													})]
 												})] }),
 												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-													className: "mb-1 block text-sm font-medium text-foreground",
+													className: "mb-1 block text-sm font-medium text-text-primary",
 													children: "New Password"
 												}), /* @__PURE__ */ E("div", {
 													className: "relative",
@@ -894,36 +894,36 @@ function A() {
 														type: Z ? "text" : "password",
 														value: K,
 														onChange: (e) => q(e.target.value),
-														className: "w-full rounded-lg border border-border bg-card px-3 py-2 pr-10 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+														className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 pr-10 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 													}), /* @__PURE__ */ T("button", {
 														type: "button",
 														onClick: () => me(!Z),
-														className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+														className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
 														children: T(Z ? p : f, { className: "h-4 w-4" })
 													})]
 												})] }),
 												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-													className: "mb-1 block text-sm font-medium text-foreground",
+													className: "mb-1 block text-sm font-medium text-text-primary",
 													children: "Confirm New Password"
 												}), /* @__PURE__ */ T("input", {
 													type: "password",
 													value: J,
 													onChange: (e) => Y(e.target.value),
-													className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+													className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 												})] }),
 												/* @__PURE__ */ E("div", {
 													className: "flex gap-3",
 													children: [/* @__PURE__ */ T("button", {
 														type: "button",
 														onClick: ye,
-														className: "rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+														className: "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: "Update Password"
 													}), /* @__PURE__ */ T("button", {
 														type: "button",
 														onClick: () => {
 															U(!1), G(""), q(""), Y("");
 														},
-														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: "Cancel"
 													})]
 												})
@@ -931,65 +931,65 @@ function A() {
 										}) : /* @__PURE__ */ T("button", {
 											type: "button",
 											onClick: () => U(!0),
-											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: "Change Password"
 										})
 									]
 								}),
 								/* @__PURE__ */ E("div", {
-									className: "rounded-lg border border-border p-4 sm:p-6",
+									className: "rounded-lg border border-border-subtle p-4 sm:p-6",
 									children: [
 										/* @__PURE__ */ E("div", {
 											className: "flex items-center gap-3 mb-3",
-											children: [/* @__PURE__ */ T(le, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ T("h3", {
-												className: "text-base font-semibold text-foreground",
+											children: [/* @__PURE__ */ T(le, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T("h3", {
+												className: "text-base font-semibold text-text-primary",
 												children: "Two-Factor Authentication"
 											})]
 										}),
 										/* @__PURE__ */ T("p", {
-											className: "mb-4 text-sm text-muted-foreground",
+											className: "mb-4 text-sm text-text-secondary",
 											children: "Add an extra layer of security to your investment account"
 										}),
 										/* @__PURE__ */ E("div", {
-											className: "flex items-center justify-between rounded-lg bg-muted/50 p-3",
+											className: "flex items-center justify-between rounded-lg bg-bg-sunken/50 p-3",
 											children: [/* @__PURE__ */ T("div", {
 												className: "flex items-center gap-2",
 												children: /* @__PURE__ */ T("span", {
-													className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", Q ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-muted text-muted-foreground"),
+													className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", Q ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-bg-sunken text-text-secondary"),
 													children: Q ? "Enabled" : "Disabled"
 												})
 											}), /* @__PURE__ */ T("button", {
 												type: "button",
 												onClick: be,
-												className: t("rounded-lg px-4 py-2 text-sm font-medium transition-colors", Q ? "border border-border text-foreground hover:bg-accent" : "bg-primary text-primary-foreground hover:bg-primary/90"),
+												className: t("rounded-lg px-4 py-2 text-sm font-medium transition-colors", Q ? "border border-border-subtle text-text-primary hover:bg-accent" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
 												children: Q ? "Disable 2FA" : "Enable 2FA"
 											})]
 										})
 									]
 								}),
 								/* @__PURE__ */ E("div", {
-									className: "rounded-lg border border-border p-4 sm:p-6",
+									className: "rounded-lg border border-border-subtle p-4 sm:p-6",
 									children: [/* @__PURE__ */ E("div", {
 										className: "flex items-center gap-3 mb-4",
-										children: [/* @__PURE__ */ T(y, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ T("h3", {
-											className: "text-base font-semibold text-foreground",
+										children: [/* @__PURE__ */ T(y, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T("h3", {
+											className: "text-base font-semibold text-text-primary",
 											children: "Login Activity"
 										})]
 									}), /* @__PURE__ */ T("div", {
 										className: "space-y-3",
 										children: k.map((e, t) => /* @__PURE__ */ E("div", {
-											className: "flex items-center justify-between rounded-lg bg-muted/30 p-3",
+											className: "flex items-center justify-between rounded-lg bg-bg-sunken/30 p-3",
 											children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("div", {
 												className: "flex items-center gap-2",
 												children: [/* @__PURE__ */ T("p", {
-													className: "text-sm font-medium text-foreground",
+													className: "text-sm font-medium text-text-primary",
 													children: e.device
 												}), e.current && /* @__PURE__ */ T("span", {
 													className: "rounded-full bg-green-500/20 px-2 py-0.5 text-xs font-medium text-green-600 dark:text-green-400",
 													children: "Current"
 												})]
 											}), /* @__PURE__ */ E("div", {
-												className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground",
+												className: "mt-1 flex items-center gap-2 text-xs text-text-secondary",
 												children: [
 													/* @__PURE__ */ T(v, { className: "h-3 w-3" }),
 													/* @__PURE__ */ T("span", { children: e.location }),
@@ -1002,7 +1002,7 @@ function A() {
 											})] }), !e.current && /* @__PURE__ */ T("button", {
 												type: "button",
 												onClick: () => alert("Session revoked"),
-												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-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
 												children: "Revoke"
 											})]
 										}, t))
@@ -1011,19 +1011,19 @@ function A() {
 							]
 						})] }),
 						j === "notifications" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
-							className: "mb-6 text-lg font-semibold text-foreground sm:text-xl",
+							className: "mb-6 text-lg font-semibold text-text-primary sm:text-xl",
 							children: "Notification Preferences"
 						}), /* @__PURE__ */ E("div", {
 							className: "space-y-4",
 							children: [H.map((e) => /* @__PURE__ */ E("div", {
-								className: "flex items-center justify-between rounded-lg border border-border bg-muted/30 p-4",
+								className: "flex items-center justify-between rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
 								children: [/* @__PURE__ */ E("div", {
 									className: "flex-1 pr-4",
 									children: [/* @__PURE__ */ T("h4", {
-										className: "text-sm font-medium text-foreground",
+										className: "text-sm font-medium text-text-primary",
 										children: e.label
 									}), /* @__PURE__ */ T("p", {
-										className: "mt-0.5 text-xs text-muted-foreground sm:text-sm",
+										className: "mt-0.5 text-xs text-text-secondary sm:text-sm",
 										children: e.description
 									})]
 								}), /* @__PURE__ */ T("button", {
@@ -1032,13 +1032,13 @@ function A() {
 										N && ve(e.id);
 									},
 									disabled: !N,
-									className: t("relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full transition-colors duration-200", e.enabled ? "bg-primary" : "bg-muted", !N && "cursor-not-allowed opacity-60"),
+									className: t("relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full transition-colors duration-200", e.enabled ? "bg-action-primary-bg" : "bg-bg-sunken", !N && "cursor-not-allowed opacity-60"),
 									children: /* @__PURE__ */ T("span", { className: t("pointer-events-none inline-block h-5 w-5 translate-y-0.5 rounded-full bg-white shadow ring-0 transition-transform duration-200", e.enabled ? "translate-x-5" : "translate-x-0.5") })
 								})]
 							}, e.id)), /* @__PURE__ */ T("div", {
-								className: "mt-4 rounded-lg border border-border bg-muted/50 p-4",
+								className: "mt-4 rounded-lg border border-border-subtle bg-bg-sunken/50 p-4",
 								children: /* @__PURE__ */ E("p", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: [
 										H.filter((e) => e.enabled).length,
 										" of ",