@opensite/ui 0.8.9 → 0.9.1

package/dist/about-mission-dual-image.cjs

@@ -32,6 +32,32 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
+function getTextColor(parentBg, variant = "default", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-foreground/80";
+      case "subtle":
+        return "text-foreground/60";
+      case "accent":
+        return "text-accent-foreground";
+    }
+  } else {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-muted-foreground";
+      case "subtle":
+        return "text-muted-foreground/70";
+      case "accent":
+        return "text-primary";
+    }
+  }
+}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -908,7 +934,8 @@ function AboutMissionDualImage({
                   "p",
                   {
                     className: cn(
-                      "mt-4 text-lg text-muted-foreground",
+                      "mt-4 text-lg",
+                      getTextColor(background, "muted"),
                       missionContentClassName
                     ),
                     children: missionContent
@@ -930,7 +957,8 @@ function AboutMissionDualImage({
                   "p",
                   {
                     className: cn(
-                      "mt-4 text-lg text-muted-foreground",
+                      "mt-4 text-lg",
+                      getTextColor(background, "muted"),
                       visionContentClassName
                     ),
                     children: visionContent

package/dist/about-mission-dual-image.js

@@ -11,6 +11,32 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function getTextColor(parentBg, variant = "default", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-foreground/80";
+      case "subtle":
+        return "text-foreground/60";
+      case "accent":
+        return "text-accent-foreground";
+    }
+  } else {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-muted-foreground";
+      case "subtle":
+        return "text-muted-foreground/70";
+      case "accent":
+        return "text-primary";
+    }
+  }
+}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -887,7 +913,8 @@ function AboutMissionDualImage({
                   "p",
                   {
                     className: cn(
-                      "mt-4 text-lg text-muted-foreground",
+                      "mt-4 text-lg",
+                      getTextColor(background, "muted"),
                       missionContentClassName
                     ),
                     children: missionContent
@@ -909,7 +936,8 @@ function AboutMissionDualImage({
                   "p",
                   {
                     className: cn(
-                      "mt-4 text-lg text-muted-foreground",
+                      "mt-4 text-lg",
+                      getTextColor(background, "muted"),
                       visionContentClassName
                     ),
                     children: visionContent

package/dist/about-mission-features.cjs

@@ -45,6 +45,36 @@ function getNestedCardTextColor(parentBg, options) {
   const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
   return isDark ? "text-foreground" : "";
 }
+function getTextColor(parentBg, variant = "default", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-foreground/80";
+      case "subtle":
+        return "text-foreground/60";
+      case "accent":
+        return "text-accent-foreground";
+    }
+  } else {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-muted-foreground";
+      case "subtle":
+        return "text-muted-foreground/70";
+      case "accent":
+        return "text-primary";
+    }
+  }
+}
+function getAccentColor(parentBg, options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  return isDark ? "text-accent-foreground" : "text-primary";
+}
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -456,16 +486,17 @@ function AboutMissionFeatures({
         "div",
         {
           className: cn(
-            "mb-5 flex size-12 items-center justify-center rounded-2xl bg-primary text-primary-foreground",
+            "mb-5 flex size-12 items-center justify-center rounded-2xl text-primary-foreground",
+            getAccentColor(background),
             feature.iconBgClass
           ),
           children: feature.icon
         }
       ),
       feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-2 mb-3 text-lg font-semibold", children: feature.title }) : feature.title),
-      feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: feature.description }) : feature.description)
+      feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: getTextColor(background, "muted"), children: feature.description }) : feature.description)
     ] }, idx));
-  }, [featuresSlot, features]);
+  }, [featuresSlot, features, background]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -563,7 +594,8 @@ function AboutMissionFeatures({
               "p",
               {
                 className: cn(
-                  "text-lg text-muted-foreground",
+                  "text-lg",
+                  getTextColor(background, "muted"),
                   featuresDescriptionClassName
                 ),
                 children: featuresDescription

package/dist/about-mission-features.js

@@ -39,6 +39,36 @@ function getNestedCardTextColor(parentBg, options) {
   const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
   return isDark ? "text-foreground" : "";
 }
+function getTextColor(parentBg, variant = "default", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-foreground/80";
+      case "subtle":
+        return "text-foreground/60";
+      case "accent":
+        return "text-accent-foreground";
+    }
+  } else {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-muted-foreground";
+      case "subtle":
+        return "text-muted-foreground/70";
+      case "accent":
+        return "text-primary";
+    }
+  }
+}
+function getAccentColor(parentBg, options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  return isDark ? "text-accent-foreground" : "text-primary";
+}
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -450,16 +480,17 @@ function AboutMissionFeatures({
         "div",
         {
           className: cn(
-            "mb-5 flex size-12 items-center justify-center rounded-2xl bg-primary text-primary-foreground",
+            "mb-5 flex size-12 items-center justify-center rounded-2xl text-primary-foreground",
+            getAccentColor(background),
             feature.iconBgClass
           ),
           children: feature.icon
         }
       ),
       feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "mt-2 mb-3 text-lg font-semibold", children: feature.title }) : feature.title),
-      feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: feature.description }) : feature.description)
+      feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsx("p", { className: getTextColor(background, "muted"), children: feature.description }) : feature.description)
     ] }, idx));
-  }, [featuresSlot, features]);
+  }, [featuresSlot, features, background]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -557,7 +588,8 @@ function AboutMissionFeatures({
               "p",
               {
                 className: cn(
-                  "text-lg text-muted-foreground",
+                  "text-lg",
+                  getTextColor(background, "muted"),
                   featuresDescriptionClassName
                 ),
                 children: featuresDescription

package/dist/about-mission-principles.cjs

@@ -61,6 +61,36 @@ function getNestedCardTextColor(parentBg, options) {
   const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
   return isDark ? "text-foreground" : "";
 }
+function getTextColor(parentBg, variant = "default", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-foreground/80";
+      case "subtle":
+        return "text-foreground/60";
+      case "accent":
+        return "text-accent-foreground";
+    }
+  } else {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-muted-foreground";
+      case "subtle":
+        return "text-muted-foreground/70";
+      case "accent":
+        return "text-primary";
+    }
+  }
+}
+function getAccentColor(parentBg, options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  return isDark ? "text-accent-foreground" : "text-primary";
+}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -1024,12 +1054,12 @@ function AboutMissionPrinciples({
         children: principles.map((principle, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: "relative rounded-lg border p-6 transition-colors hover:bg-muted",
+            className: cn("relative rounded-lg border p-6 transition-colors", `hover:${getNestedCardBg(background, "muted")}`),
             children: [
-              principle.number && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-4 top-4 text-3xl font-bold text-primary/20", children: principle.number }),
+              principle.number && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute right-4 top-4 text-3xl font-bold", getAccentColor(background), "opacity-20"), children: principle.number }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
                 principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold", children: principle.title }) : principle.title),
-                principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: principle.description }) : principle.description)
+                principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: getTextColor(background, "muted"), children: principle.description }) : principle.description)
               ] })
             ]
           },
@@ -1080,7 +1110,8 @@ function AboutMissionPrinciples({
               "div",
               {
                 className: cn(
-                  "inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary",
+                  "inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm",
+                  getAccentColor(background),
                   badgeClassName
                 ),
                 children: badgeText
@@ -1100,7 +1131,8 @@ function AboutMissionPrinciples({
               "p",
               {
                 className: cn(
-                  "text-xl text-muted-foreground",
+                  "text-xl",
+                  getTextColor(background, "muted"),
                   missionDescriptionClassName
                 ),
                 children: missionDescription
@@ -1135,7 +1167,8 @@ function AboutMissionPrinciples({
                   "p",
                   {
                     className: cn(
-                      "mb-4 text-muted-foreground",
+                      "mb-4",
+                      getTextColor(background, "muted"),
                       visionDescriptionClassName
                     ),
                     children: visionDescription

package/dist/about-mission-principles.js

@@ -40,6 +40,36 @@ function getNestedCardTextColor(parentBg, options) {
   const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
   return isDark ? "text-foreground" : "";
 }
+function getTextColor(parentBg, variant = "default", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-foreground/80";
+      case "subtle":
+        return "text-foreground/60";
+      case "accent":
+        return "text-accent-foreground";
+    }
+  } else {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-muted-foreground";
+      case "subtle":
+        return "text-muted-foreground/70";
+      case "accent":
+        return "text-primary";
+    }
+  }
+}
+function getAccentColor(parentBg, options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  return isDark ? "text-accent-foreground" : "text-primary";
+}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -1003,12 +1033,12 @@ function AboutMissionPrinciples({
         children: principles.map((principle, idx) => /* @__PURE__ */ jsxs(
           "div",
           {
-            className: "relative rounded-lg border p-6 transition-colors hover:bg-muted",
+            className: cn("relative rounded-lg border p-6 transition-colors", `hover:${getNestedCardBg(background, "muted")}`),
             children: [
-              principle.number && /* @__PURE__ */ jsx("div", { className: "absolute right-4 top-4 text-3xl font-bold text-primary/20", children: principle.number }),
+              principle.number && /* @__PURE__ */ jsx("div", { className: cn("absolute right-4 top-4 text-3xl font-bold", getAccentColor(background), "opacity-20"), children: principle.number }),
               /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
                 principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold", children: principle.title }) : principle.title),
-                principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: principle.description }) : principle.description)
+                principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsx("p", { className: getTextColor(background, "muted"), children: principle.description }) : principle.description)
               ] })
             ]
           },
@@ -1059,7 +1089,8 @@ function AboutMissionPrinciples({
               "div",
               {
                 className: cn(
-                  "inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary",
+                  "inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm",
+                  getAccentColor(background),
                   badgeClassName
                 ),
                 children: badgeText
@@ -1079,7 +1110,8 @@ function AboutMissionPrinciples({
               "p",
               {
                 className: cn(
-                  "text-xl text-muted-foreground",
+                  "text-xl",
+                  getTextColor(background, "muted"),
                   missionDescriptionClassName
                 ),
                 children: missionDescription
@@ -1114,7 +1146,8 @@ function AboutMissionPrinciples({
                   "p",
                   {
                     className: cn(
-                      "mb-4 text-muted-foreground",
+                      "mb-4",
+                      getTextColor(background, "muted"),
                       visionDescriptionClassName
                     ),
                     children: visionDescription

package/dist/about-network-spotlight.cjs

@@ -33,6 +33,32 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
+function getAccentColor(parentBg, options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  return isDark ? "text-accent-foreground" : "text-primary";
+}
+function getBorderColor(parentBg, variant = "default", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "default":
+        return "border-foreground/20";
+      case "muted":
+        return "border-foreground/10";
+      case "accent":
+        return "border-accent-foreground";
+    }
+  } else {
+    switch (variant) {
+      case "default":
+        return "border-border";
+      case "muted":
+        return "border-muted";
+      case "accent":
+        return "border-primary";
+    }
+  }
+}
 var svgCache = /* @__PURE__ */ new Map();
 function DynamicIcon({
   name,
@@ -961,7 +987,7 @@ function AboutNetworkSpotlight({
     if (highlightsSlot) return highlightsSlot;
     if (!highlights || highlights.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mt-6 space-y-3", highlightsClassName), children: highlights.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-3 text-background/80", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1 flex h-5 w-5 items-center justify-center rounded-full bg-primary/20 text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/check", size: 14 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("mt-1 flex h-5 w-5 items-center justify-center rounded-full bg-primary/20", getAccentColor(background)), children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/check", size: 14 }) }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: item })
     ] }, index)) });
   }, [highlightsSlot, highlights, highlightsClassName]);
@@ -991,14 +1017,15 @@ function AboutNetworkSpotlight({
       "div",
       {
         className: cn(
-          "rounded-2xl border border-primary/40 bg-foreground/80 p-5 backdrop-blur-sm",
+          "rounded-2xl border bg-foreground/80 p-5 backdrop-blur-sm",
+          getBorderColor(background, "accent"),
           spotlightCardClassName
         ),
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground", children: spotlightCard.icon }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex h-12 w-12 items-center justify-center rounded-full text-primary-foreground", getAccentColor(background)), children: spotlightCard.icon }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              typeof spotlightCard.label === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold uppercase tracking-[0.2em] text-primary", children: spotlightCard.label }) : spotlightCard.label,
+              typeof spotlightCard.label === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xs font-bold uppercase tracking-[0.2em]", getAccentColor(background)), children: spotlightCard.label }) : spotlightCard.label,
               typeof spotlightCard.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold text-background", children: spotlightCard.title }) : spotlightCard.title
             ] })
           ] }),
@@ -1057,7 +1084,8 @@ function AboutNetworkSpotlight({
                     "p",
                     {
                       className: cn(
-                        "text-sm font-semibold uppercase tracking-[0.2em] text-primary",
+                        "text-sm font-semibold uppercase tracking-[0.2em]",
+                        getAccentColor(background),
                         eyebrowClassName
                       ),
                       children: eyebrow

package/dist/about-network-spotlight.js

@@ -12,6 +12,32 @@ import { cva } from 'class-variance-authority';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function getAccentColor(parentBg, options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  return isDark ? "text-accent-foreground" : "text-primary";
+}
+function getBorderColor(parentBg, variant = "default", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "default":
+        return "border-foreground/20";
+      case "muted":
+        return "border-foreground/10";
+      case "accent":
+        return "border-accent-foreground";
+    }
+  } else {
+    switch (variant) {
+      case "default":
+        return "border-border";
+      case "muted":
+        return "border-muted";
+      case "accent":
+        return "border-primary";
+    }
+  }
+}
 var svgCache = /* @__PURE__ */ new Map();
 function DynamicIcon({
   name,
@@ -940,7 +966,7 @@ function AboutNetworkSpotlight({
     if (highlightsSlot) return highlightsSlot;
     if (!highlights || highlights.length === 0) return null;
     return /* @__PURE__ */ jsx("ul", { className: cn("mt-6 space-y-3", highlightsClassName), children: highlights.map((item, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-3 text-background/80", children: [
-      /* @__PURE__ */ jsx("span", { className: "mt-1 flex h-5 w-5 items-center justify-center rounded-full bg-primary/20 text-primary", children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/check", size: 14 }) }),
+      /* @__PURE__ */ jsx("span", { className: cn("mt-1 flex h-5 w-5 items-center justify-center rounded-full bg-primary/20", getAccentColor(background)), children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/check", size: 14 }) }),
       /* @__PURE__ */ jsx("span", { children: item })
     ] }, index)) });
   }, [highlightsSlot, highlights, highlightsClassName]);
@@ -970,14 +996,15 @@ function AboutNetworkSpotlight({
       "div",
       {
         className: cn(
-          "rounded-2xl border border-primary/40 bg-foreground/80 p-5 backdrop-blur-sm",
+          "rounded-2xl border bg-foreground/80 p-5 backdrop-blur-sm",
+          getBorderColor(background, "accent"),
           spotlightCardClassName
         ),
         children: [
           /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground", children: spotlightCard.icon }),
+            /* @__PURE__ */ jsx("div", { className: cn("flex h-12 w-12 items-center justify-center rounded-full text-primary-foreground", getAccentColor(background)), children: spotlightCard.icon }),
             /* @__PURE__ */ jsxs("div", { children: [
-              typeof spotlightCard.label === "string" ? /* @__PURE__ */ jsx("p", { className: "text-xs font-bold uppercase tracking-[0.2em] text-primary", children: spotlightCard.label }) : spotlightCard.label,
+              typeof spotlightCard.label === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-xs font-bold uppercase tracking-[0.2em]", getAccentColor(background)), children: spotlightCard.label }) : spotlightCard.label,
               typeof spotlightCard.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold text-background", children: spotlightCard.title }) : spotlightCard.title
             ] })
           ] }),
@@ -1036,7 +1063,8 @@ function AboutNetworkSpotlight({
                     "p",
                     {
                       className: cn(
-                        "text-sm font-semibold uppercase tracking-[0.2em] text-primary",
+                        "text-sm font-semibold uppercase tracking-[0.2em]",
+                        getAccentColor(background),
                         eyebrowClassName
                       ),
                       children: eyebrow

package/dist/about-startup-team.cjs

@@ -62,6 +62,36 @@ function getNestedCardTextColor(parentBg, options) {
   const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
   return isDark ? "text-foreground" : "";
 }
+function getTextColor(parentBg, variant = "default", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-foreground/80";
+      case "subtle":
+        return "text-foreground/60";
+      case "accent":
+        return "text-accent-foreground";
+    }
+  } else {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-muted-foreground";
+      case "subtle":
+        return "text-muted-foreground/70";
+      case "accent":
+        return "text-primary";
+    }
+  }
+}
+function getAccentColor(parentBg, options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  return isDark ? "text-accent-foreground" : "text-primary";
+}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -1030,7 +1060,10 @@ function AboutStartupTeam({
         onClick: () => handleTabChange(link.value),
         className: cn(
           "block w-full text-left rounded-lg px-4 py-2 text-sm font-medium transition-colors",
-          activeTab === link.value ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"
+          activeTab === link.value ? "bg-primary text-primary-foreground" : cn(
+            getTextColor(background, "muted"),
+            "hover:bg-muted"
+          )
         ),
         children: link.label
       },
@@ -1072,17 +1105,20 @@ function AboutStartupTeam({
             {
               name: "lucide/user",
               size: 40,
-              className: "text-muted-foreground"
+              className: cn(getTextColor(background, "muted"))
             }
           ) }),
           member.name && (typeof member.name === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-4 font-semibold", children: member.name }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: member.name })),
-          member.role && (typeof member.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: member.role }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm", children: member.role })),
+          member.role && (typeof member.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm", getTextColor(background, "muted")), children: member.role }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm", children: member.role })),
           member.socialLinks && member.socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center gap-3", children: member.socialLinks.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
               href: link.url,
               "aria-label": link.label,
-              className: "text-muted-foreground hover:text-primary",
+              className: cn(
+                getTextColor(background, "muted"),
+                `hover:${getAccentColor(background)}`
+              ),
               children: link.icon
             },
             linkIdx
@@ -1107,7 +1143,11 @@ function AboutStartupTeam({
         onClick: () => handleTabChange(link.value),
         className: cn(
           "shrink-0 rounded-lg px-4 py-2 text-sm font-medium transition-colors",
-          activeTab === link.value ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"
+          activeTab === link.value ? "bg-primary text-primary-foreground" : cn(
+            "bg-muted",
+            getTextColor(background, "muted"),
+            "hover:bg-muted/80"
+          )
         ),
         children: link.label
       },
@@ -1148,7 +1188,8 @@ function AboutStartupTeam({
             "p",
             {
               className: cn(
-                "mt-6 text-lg text-muted-foreground whitespace-pre-line",
+                "mt-6 text-lg whitespace-pre-line",
+                getTextColor(background, "muted"),
                 descriptionClassName
               ),
               children: description