@mieweb/ui 0.3.0-dev.73 → 0.3.0-dev.75

package/dist/index.js

@@ -7,47 +7,47 @@ export { defaultBrand } from './chunk-4LTN2LEN.js';
 export { enterpriseHealthBrand } from './chunk-MTZPVOP6.js';
 export { miewebBrand } from './chunk-UHSPAFY6.js';
 export { wagglelineBrand } from './chunk-OWPWP46L.js';
-import { Switch } from './chunk-O43QBXRX.js';
-export { Switch, switchThumbVariants, switchTrackVariants } from './chunk-O43QBXRX.js';
+import { Switch } from './chunk-43GBCUSQ.js';
+export { Switch, switchThumbVariants, switchTrackVariants } from './chunk-43GBCUSQ.js';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-DNPRRYPQ.js';
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './chunk-DNPRRYPQ.js';
-import { Tabs, TabsList, TabsTrigger, TabsContent } from './chunk-3DM6LMZG.js';
-export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants } from './chunk-3DM6LMZG.js';
-import { Text } from './chunk-RCMF6KZA.js';
-export { SmallMuted, Text, textVariants } from './chunk-RCMF6KZA.js';
+import { Tabs, TabsList, TabsTrigger, TabsContent } from './chunk-MUYTGWGE.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants } from './chunk-MUYTGWGE.js';
+import { Text } from './chunk-YTZPVEIO.js';
+export { SmallMuted, Text, textVariants } from './chunk-YTZPVEIO.js';
 import { Textarea } from './chunk-ATALZYST.js';
 export { Textarea, textareaVariants } from './chunk-ATALZYST.js';
 export { ThemeProvider, ThemeProviderContext, ThemeToggle, themeToggleIconVariants, themeToggleVariants, useThemeContext } from './chunk-I56VBDSC.js';
 import { Tooltip } from './chunk-FZJBFJJR.js';
 export { Tooltip } from './chunk-FZJBFJJR.js';
 export { VisuallyHidden } from './chunk-H2CIKJQI.js';
-export { QuickAction, QuickActionGroup, QuickActionIcons, quickActionIconVariants, quickActionVariants } from './chunk-5NSURWMM.js';
-import { RadioGroup, Radio } from './chunk-4ASPCSWT.js';
-export { Radio, RadioGroup, radioVariants } from './chunk-4ASPCSWT.js';
+export { QuickAction, QuickActionGroup, QuickActionIcons, quickActionIconVariants, quickActionVariants } from './chunk-FYEK4RZ3.js';
+import { RadioGroup, Radio } from './chunk-PU6ZC4GI.js';
+export { Radio, RadioGroup, radioVariants } from './chunk-PU6ZC4GI.js';
 export { RecordButton, formatDuration, recordButtonVariants } from './chunk-QVJBUWJQ.js';
-export { DateButton, DatePicker, RadioOption, SchedulePicker, TimeButton, TimePicker, dateButtonVariants, radioOptionVariants, timeButtonVariants } from './chunk-MOULJE34.js';
-import { Select } from './chunk-DCDXOT3A.js';
-export { Select, selectTriggerVariants } from './chunk-DCDXOT3A.js';
+export { DateButton, DatePicker, RadioOption, SchedulePicker, TimeButton, TimePicker, dateButtonVariants, radioOptionVariants, timeButtonVariants } from './chunk-4DMZAVB2.js';
+import { Select } from './chunk-IEVAVY43.js';
+export { Select, selectTriggerVariants } from './chunk-IEVAVY43.js';
 import { Skeleton } from './chunk-4Z6ZZKIY.js';
 export { Skeleton, SkeletonCard, SkeletonTable, SkeletonText, skeletonVariants } from './chunk-4Z6ZZKIY.js';
-export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from './chunk-OJ64Q3A5.js';
-import { Spinner, SpinnerWithLabel } from './chunk-NDHW3ZRF.js';
-export { FullPageSpinner, Spinner, SpinnerWithLabel, spinnerVariants } from './chunk-NDHW3ZRF.js';
-export { CountryCodeDropdown, formatE164, validatePhoneNumber } from './chunk-7XWPUWSL.js';
-import { DateInput } from './chunk-JDI45GEY.js';
-export { DateInput } from './chunk-JDI45GEY.js';
-import { Dropdown, DropdownItem, DropdownSeparator } from './chunk-TF5OZDFU.js';
-export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator } from './chunk-TF5OZDFU.js';
+export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from './chunk-5PUEQH2L.js';
+import { Spinner, SpinnerWithLabel } from './chunk-VCO2IZOG.js';
+export { FullPageSpinner, Spinner, SpinnerWithLabel, spinnerVariants } from './chunk-VCO2IZOG.js';
+export { CountryCodeDropdown, formatE164, validatePhoneNumber } from './chunk-WFS6R2F5.js';
+import { DateInput } from './chunk-CWDQ7OPJ.js';
+export { DateInput } from './chunk-CWDQ7OPJ.js';
+import { Dropdown, DropdownItem, DropdownSeparator } from './chunk-FMGX2AM2.js';
+export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator } from './chunk-FMGX2AM2.js';
 import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-WTDCNXZO.js';
 export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from './chunk-WTDCNXZO.js';
-export { Pagination, SimplePagination, paginationButtonVariants } from './chunk-V2O636JO.js';
-export { PhoneInput, PhoneInputGroup } from './chunk-DLLVXNAQ.js';
+export { Pagination, SimplePagination, paginationButtonVariants } from './chunk-QBFNONJD.js';
+export { PhoneInput, PhoneInputGroup } from './chunk-G7P5X2F4.js';
 import { Input } from './chunk-XHESCAUE.js';
 export { Input, inputVariants } from './chunk-XHESCAUE.js';
-import { Progress } from './chunk-6EN6ZIW3.js';
-export { CircularProgress, Progress, circularProgressVariants, progressBarFillVariants, progressBarTrackVariants } from './chunk-6EN6ZIW3.js';
-export { AudioPlayer, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants } from './chunk-JCHVLSXS.js';
-export { AudioRecorder, audioRecorderVariants, controlButtonVariants, formatTime, waveformContainerVariants } from './chunk-YN3ZIUYC.js';
+import { Progress } from './chunk-YY23MK3V.js';
+export { CircularProgress, Progress, circularProgressVariants, progressBarFillVariants, progressBarTrackVariants } from './chunk-YY23MK3V.js';
+export { AudioPlayer, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants } from './chunk-WORZLEUZ.js';
+export { AudioRecorder, audioRecorderVariants, controlButtonVariants, formatTime, waveformContainerVariants } from './chunk-TRZXK57D.js';
 import { Avatar } from './chunk-T4AO7KYK.js';
 export { Avatar, AvatarGroup, avatarVariants, getInitials } from './chunk-T4AO7KYK.js';
 import { Badge } from './chunk-DCER2QQB.js';
@@ -55,10 +55,10 @@ export { Badge, badgeVariants } from './chunk-DCER2QQB.js';
 export { Breadcrumb, BreadcrumbSlash } from './chunk-HEH3QXOQ.js';
 import { Button, buttonVariants } from './chunk-ZVSW2KS6.js';
 export { Button, buttonVariants } from './chunk-ZVSW2KS6.js';
-import { Card, CardHeader, CardContent, CardTitle } from './chunk-BBQZNIB4.js';
-export { Card, CardActions, CardBadge, CardCollapsible, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardStat, CardTitle, cardAccentVariants, cardVariants } from './chunk-BBQZNIB4.js';
-import { Checkbox } from './chunk-VKTQQOUH.js';
-export { Checkbox, CheckboxGroup, checkboxVariants } from './chunk-VKTQQOUH.js';
+import { Card, CardHeader, CardContent, CardTitle } from './chunk-AL6ASCL6.js';
+export { Card, CardActions, CardBadge, CardCollapsible, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardStat, CardTitle, cardAccentVariants, cardVariants } from './chunk-AL6ASCL6.js';
+import { Checkbox } from './chunk-5U7IIMKH.js';
+export { Checkbox, CheckboxGroup, checkboxVariants } from './chunk-5U7IIMKH.js';
 import { Clock, FileText, ArrowLeft, Stethoscope, Users, Mail, Phone, Share, ChevronDown, User, Download, ExternalLink, MoreVertical, Pencil, Send, Calendar, Printer, ClipboardPlus, ClipboardCheck, FilePlus, FileCheck, Wheat, Pill, Bell, FileHeart, HeartPulse, AlertCircle as AlertCircle$1, Paperclip, ClipboardList, MoreHorizontal, Trash2, Plus, CheckCircle, Upload as Upload$1, Scan, Camera, ScanLine, RefreshCw as RefreshCw$1, Image, X as X$1, Eye, Check as Check$1 } from './chunk-LEMY57MI.js';
 import { useCommandK, useIsMobile, useMediaQuery, useScrollSpy } from './chunk-Q7NBJFEB.js';
 export { useCommandK, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardShortcut, useMediaQuery, useScrollSpy } from './chunk-Q7NBJFEB.js';
@@ -451,7 +451,7 @@ function AddContactModal({
               }
             )
           ] }, index)),
-          (!formData.customFields || formData.customFields.length === 0) && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: 'No custom fields added. Click "Add Field" to add custom information.' })
+          (!formData.customFields || formData.customFields.length === 0) && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: 'No custom fields added. Click "Add Field" to add custom information.' })
         ] })
       ] }),
       /* @__PURE__ */ jsxs(ModalFooter, { children: [
@@ -804,7 +804,7 @@ function Address({
   const iconElement = showIcon ? icon || /* @__PURE__ */ jsx(MapPinIcon, { className: "h-4 w-4 shrink-0" }) : null;
   const baseStyles = cn(
     addressVariants({ format, size }),
-    "text-gray-600 dark:text-gray-300",
+    "text-muted-foreground ",
     className
   );
   const wrapWithIcon = (children) => {
@@ -833,7 +833,7 @@ function Address({
         rel: "noopener noreferrer",
         className: cn(
           baseStyles,
-          "hover:text-primary-600 dark:hover:text-primary-400 hover:underline",
+          "hover:text-primary-800 dark:hover:text-primary-400 hover:underline",
           "focus:ring-primary-500 rounded focus:ring-2 focus:ring-offset-2 focus:outline-none"
         ),
         ...props,
@@ -892,7 +892,7 @@ function AddressCard({
             "data-slot": "address-card-phone",
             href: `tel:${phoneNumber.replace(/\D/g, "")}`,
             onClick: handlePhoneClick,
-            className: "hover:text-primary-600 dark:hover:text-primary-400 mt-2 inline-flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400",
+            className: "hover:text-primary-800 dark:hover:text-primary-400 text-muted-foreground mt-2 inline-flex items-center gap-2 text-sm",
             children: [
               /* @__PURE__ */ jsx(PhoneIcon, { className: "h-4 w-4" }),
               phoneNumber
@@ -1426,7 +1426,7 @@ function ToolStatusIcon({ status, className }) {
         status === "running" && /* @__PURE__ */ jsxs(
           "svg",
           {
-            className: "text-primary-600 dark:text-primary-400 h-3 w-3 animate-spin",
+            className: "text-primary-800 dark:text-primary-400 h-3 w-3 animate-spin",
             fill: "none",
             viewBox: "0 0 24 24",
             children: [
@@ -2035,7 +2035,7 @@ function MCPToolCallDisplay({
             /* @__PURE__ */ jsx(ToolStatusIcon, { status: toolCall.status }),
             toolCall.duration && /* @__PURE__ */ jsx("span", { className: "text-xs text-neutral-400", children: formatDuration2(toolCall.duration) })
           ] }),
-          paramSummary && toolCall.status !== "success" && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-sm text-neutral-600 dark:text-neutral-400", children: paramSummary }),
+          paramSummary && toolCall.status !== "success" && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-0.5 text-sm", children: paramSummary }),
           toolCall.result && /* @__PURE__ */ jsx("div", { "data-slot": "ai-tool-result", className: "mt-2", children: /* @__PURE__ */ jsx(
             ToolResultDisplay,
             {
@@ -2112,7 +2112,7 @@ var avatarVariants2 = cva(
     variants: {
       role: {
         user: "bg-primary-100 text-primary-700 dark:bg-primary-900/50 dark:text-primary-300",
-        assistant: "bg-primary-500 text-white dark:bg-primary-600",
+        assistant: "bg-primary-800 text-white dark:bg-primary-800",
         system: "bg-neutral-200 text-neutral-600 dark:bg-neutral-700 dark:text-neutral-400",
         tool: "bg-amber-100 text-amber-700 dark:bg-amber-900/50 dark:text-amber-300"
       },
@@ -2267,7 +2267,7 @@ function ContentBlock({ content, onLinkClick }) {
               onClick: () => setIsCollapsed(!isCollapsed),
               className: "flex w-full items-center justify-between px-3 py-2 text-left",
               children: [
-                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-sm text-neutral-500 dark:text-neutral-400", children: [
+                /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [
                   /* @__PURE__ */ jsx(
                     "svg",
                     {
@@ -2337,7 +2337,7 @@ var messageVariants = cva("flex gap-3", {
 var bubbleVariants = cva("rounded-2xl px-4 py-2.5 w-fit max-w-[85%]", {
   variants: {
     role: {
-      user: "bg-primary-600 text-white dark:bg-primary-500",
+      user: "bg-primary-800 text-white dark:bg-primary-800",
       assistant: "bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-white",
       system: "bg-neutral-100 text-neutral-600 dark:bg-neutral-800 dark:text-neutral-400 text-center text-sm max-w-[95%]",
       tool: "bg-transparent p-0 max-w-full w-full"
@@ -2832,7 +2832,7 @@ function DragDropZone({
               /* @__PURE__ */ jsx(
                 "svg",
                 {
-                  className: "text-primary-500 mx-auto h-12 w-12",
+                  className: "text-primary-800 mx-auto h-12 w-12",
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor",
@@ -2980,11 +2980,11 @@ var sendButtonVariants = cva(
       variant: {
         primary: [
           "bg-primary-800 text-white",
-          "hover:bg-primary-700",
+          "hover:bg-primary-900",
           "active:scale-95"
         ],
         subtle: [
-          "bg-transparent text-primary-600",
+          "bg-transparent text-primary-800",
           "hover:bg-primary-50 dark:hover:bg-primary-900/20"
         ]
       },
@@ -3218,7 +3218,7 @@ var MessageComposer = React48.forwardRef(
                   ),
                   children: [
                     /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ jsxs("span", { className: "text-primary-600 dark:text-primary-400 text-xs font-medium", children: [
+                      /* @__PURE__ */ jsxs("span", { className: "text-primary-800 dark:text-primary-400 text-xs font-medium", children: [
                         "Replying to ",
                         replyTo.senderName
                       ] }),
@@ -3367,7 +3367,7 @@ var statusIconVariants2 = cva(
       status: {
         sending: "text-neutral-500",
         sent: "text-neutral-500",
-        delivered: "text-neutral-600 dark:text-neutral-400",
+        delivered: "text-muted-foreground",
         read: "text-primary-800 dark:text-primary-300",
         failed: "text-red-500"
       }
@@ -3703,7 +3703,7 @@ var bubbleVariants2 = cva(
         ],
         system: [
           "mx-auto max-w-none",
-          "bg-transparent text-neutral-500 dark:text-neutral-400",
+          "bg-transparent text-muted-foreground",
           "text-center text-sm",
           "py-1 px-2"
         ]
@@ -3804,7 +3804,7 @@ var MessageBubble = React48.forwardRef(
                   "span",
                   {
                     "data-slot": "message-sender-name",
-                    className: "mb-1 px-1 text-xs font-medium text-neutral-500 dark:text-neutral-400",
+                    className: "text-muted-foreground mb-1 px-1 text-xs font-medium",
                     children: message.sender.name
                   }
                 ),
@@ -3852,7 +3852,7 @@ var MessageBubble = React48.forwardRef(
                       isOutgoing ? "flex-row-reverse" : "flex-row"
                     ),
                     children: [
-                      showTimestamp && /* @__PURE__ */ jsx("span", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: formatTimestamp(message.timestamp) }),
+                      showTimestamp && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: formatTimestamp(message.timestamp) }),
                       showStatus && isOutgoing && /* @__PURE__ */ jsx(MessageStatusIcon, { status: message.status }),
                       showReadReceipts && isOutgoing && message.readReceipts && message.readReceipts.length > 0 && /* @__PURE__ */ jsx(ReadReceiptIndicator, { receipts: message.readReceipts }),
                       isFailed && onRetry && /* @__PURE__ */ jsxs(
@@ -4058,7 +4058,7 @@ function TypingIndicator({ typingState, className }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: typingText })
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: typingText })
       ]
     }
   );
@@ -4131,7 +4131,7 @@ function EmptyState({
           }
         ),
         /* @__PURE__ */ jsx("h3", { className: "mb-2 text-lg font-semibold text-neutral-900 dark:text-neutral-100", children: title }),
-        /* @__PURE__ */ jsx("p", { className: "mb-4 max-w-sm text-sm text-neutral-500 dark:text-neutral-400", children: description }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-4 max-w-sm text-sm", children: description }),
         action
       ]
     }
@@ -4506,7 +4506,7 @@ function SuggestedActions({
           onClick: () => onSelect(action),
           className: cn(
             "flex items-center gap-2 rounded-full border border-neutral-200 px-3 py-1.5",
-            "hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700 text-sm text-neutral-700",
+            "hover:border-primary-300 hover:bg-primary-50 hover:text-primary-900 text-sm text-neutral-700",
             "dark:border-neutral-700 dark:text-neutral-300",
             "dark:hover:border-primary-700 dark:hover:bg-primary-900/20 dark:hover:text-primary-300",
             "transition-colors"
@@ -4533,12 +4533,12 @@ function AIEmptyState({
     "div",
     {
       "data-slot": "ai-empty-state-icon",
-      className: "bg-primary-500 dark:bg-primary-600 flex h-16 w-16 items-center justify-center rounded-full text-white",
+      className: "bg-primary-800 dark:bg-primary-800 flex h-16 w-16 items-center justify-center rounded-full text-white",
       children: /* @__PURE__ */ jsx(SparklesIcon, { size: "lg", className: "h-8 w-8" })
     }
   );
   const suggestionsAction = suggestions && suggestions.length > 0 && onSuggestionSelect ? /* @__PURE__ */ jsxs("div", { className: "mt-6", children: [
-    /* @__PURE__ */ jsx("p", { className: "mb-3 text-sm text-neutral-500 dark:text-neutral-400", children: "Try asking:" }),
+    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-3 text-sm", children: "Try asking:" }),
     /* @__PURE__ */ jsx(SuggestedActions, { actions: suggestions, onSelect: onSuggestionSelect })
   ] }) : void 0;
   return /* @__PURE__ */ jsx(
@@ -4640,7 +4640,7 @@ function AIChat({
                   "div",
                   {
                     "data-slot": "ai-chat-header-icon",
-                    className: "bg-primary-500 dark:bg-primary-600 flex h-8 w-8 items-center justify-center rounded-full text-white",
+                    className: "bg-primary-800 dark:bg-primary-800 flex h-8 w-8 items-center justify-center rounded-full text-white",
                     children: /* @__PURE__ */ jsx(SparklesIcon, { size: "sm" })
                   }
                 ),
@@ -4769,8 +4769,8 @@ function AIChatTrigger({
       "data-slot": "ai-chat-trigger",
       className: cn(
         "fixed z-50 flex h-14 w-14 items-center justify-center rounded-full shadow-lg",
-        "bg-primary-500 text-white",
-        "hover:bg-primary-600",
+        "bg-primary-800 text-white",
+        "hover:bg-primary-900",
         "focus:ring-primary-500 focus:ring-2 focus:ring-offset-2 focus:outline-none",
         "dark:focus:ring-offset-neutral-900",
         "transition-all duration-200",
@@ -4974,7 +4974,7 @@ function AppHeaderTitle({
 }) {
   return /* @__PURE__ */ jsxs("div", { "data-slot": "app-header-title", className: cn("min-w-0", className), children: [
     /* @__PURE__ */ jsx("h1", { className: "truncate text-lg font-semibold text-gray-900 dark:text-white", children }),
-    subtitle && /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-gray-500 dark:text-gray-400", children: subtitle })
+    subtitle && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground truncate text-sm", children: subtitle })
   ] });
 }
 function AppHeaderActions({
@@ -5020,10 +5020,10 @@ function AppHeaderIconButton({
       "data-testid": testId,
       className: cn(
         "relative rounded-lg p-2 transition-colors",
-        "text-gray-500 dark:text-gray-400",
+        "text-muted-foreground",
         "hover:bg-gray-100 dark:hover:bg-gray-800",
         "focus:ring-primary-500 focus:ring-2 focus:outline-none",
-        isActive && "text-primary-600 dark:text-primary-400 bg-gray-100 dark:bg-gray-800",
+        isActive && "text-primary-800 dark:text-primary-400 bg-gray-100 dark:bg-gray-800",
         className
       ),
       "aria-label": label,
@@ -5080,7 +5080,7 @@ function AppHeaderSearch({
       "data-testid": testId,
       className: cn(
         "flex items-center gap-3 rounded-lg border border-gray-300 dark:border-gray-600",
-        "bg-white px-4 py-2 text-sm text-gray-500 dark:bg-gray-700 dark:text-gray-400",
+        "text-muted-foreground bg-white px-4 py-2 text-sm dark:bg-gray-700",
         "hover:border-gray-400 dark:hover:border-gray-500",
         "transition-colors hover:bg-gray-50 dark:hover:bg-gray-600",
         !showOnMobile && "hidden sm:flex",
@@ -5096,7 +5096,7 @@ function AppHeaderSearch({
             className: cn(
               "hidden items-center gap-0.5 px-2 py-0.5 sm:inline-flex",
               "rounded border border-gray-200 bg-gray-100 dark:border-gray-500 dark:bg-gray-600",
-              "flex-shrink-0 text-xs text-gray-600 dark:text-gray-300"
+              "text-muted-foreground flex-shrink-0 text-xs"
             ),
             children: [
               isMac ? "\u2318" : "Ctrl",
@@ -5165,7 +5165,7 @@ function AppHeaderUserMenu({
             "div",
             {
               "data-slot": "app-header-user-email",
-              className: "max-w-[150px] truncate text-xs text-gray-500 dark:text-gray-400",
+              className: "text-muted-foreground max-w-[150px] truncate text-xs",
               children: email
             }
           )
@@ -5282,7 +5282,7 @@ function AuthDialog({
                 {
                   type: "button",
                   onClick: onClose,
-                  className: "absolute top-4 right-4 rounded-full p-1 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300",
+                  className: "text-muted-foreground absolute top-4 right-4 rounded-full p-1 hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-300",
                   "aria-label": "Close",
                   children: /* @__PURE__ */ jsx(CloseIcon2, { className: "h-5 w-5" })
                 }
@@ -5399,7 +5399,7 @@ function AuthDialog({
                 ),
                 mode === "verify" && /* @__PURE__ */ jsxs("div", { className: "py-4 text-center", children: [
                   /* @__PURE__ */ jsx(MailIcon, { className: "text-primary-800 dark:text-primary-300 mx-auto mb-4 h-12 w-12" }),
-                  /* @__PURE__ */ jsx("p", { className: "mb-4 text-gray-600 dark:text-gray-400", children: "We've sent a verification email to your inbox. Please click the link to verify your account." }),
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-4", children: "We've sent a verification email to your inbox. Please click the link to verify your account." }),
                   /* @__PURE__ */ jsx(
                     "button",
                     {
@@ -5413,7 +5413,7 @@ function AuthDialog({
                 (mode === "login" || mode === "signup") && socialProviders.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsxs("div", { className: "relative my-6", children: [
                     /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx("div", { className: "w-full border-t border-gray-200 dark:border-gray-700" }) }),
-                    /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsx("span", { className: "bg-white px-2 text-gray-500 dark:bg-gray-800", children: "Or continue with" }) })
+                    /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground bg-white px-2 dark:bg-gray-800", children: "Or continue with" }) })
                   ] }),
                   /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3", children: socialProviders.map((provider) => /* @__PURE__ */ jsx(
                     SocialButton,
@@ -5425,7 +5425,7 @@ function AuthDialog({
                     provider.id
                   )) })
                 ] }),
-                (mode === "login" || mode === "signup") && /* @__PURE__ */ jsx("p", { className: "mt-6 text-center text-sm text-gray-600 dark:text-gray-400", children: mode === "login" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                (mode === "login" || mode === "signup") && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-6 text-center text-sm", children: mode === "login" ? /* @__PURE__ */ jsxs(Fragment, { children: [
                   "Don't have an account?",
                   " ",
                   /* @__PURE__ */ jsx(
@@ -5518,7 +5518,7 @@ function LoginForm({ onSubmit, isLoading, onForgotPassword }) {
           {
             type: "button",
             onClick: () => setShowPassword(!showPassword),
-            className: "absolute top-1/2 right-3 -translate-y-1/2 text-gray-500 hover:text-gray-700",
+            className: "text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2 hover:text-gray-700",
             children: showPassword ? /* @__PURE__ */ jsx(EyeOffIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(EyeIcon, { className: "h-4 w-4" })
           }
         )
@@ -5530,10 +5530,10 @@ function LoginForm({ onSubmit, isLoading, onForgotPassword }) {
           "input",
           {
             type: "checkbox",
-            className: "text-primary-600 focus:ring-primary-500 rounded border-gray-300"
+            className: "text-primary-800 focus:ring-primary-500 rounded border-gray-300"
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: "ml-2 text-sm text-gray-600 dark:text-gray-400", children: "Remember me" })
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ml-2 text-sm", children: "Remember me" })
       ] }),
       /* @__PURE__ */ jsx(
         "button",
@@ -5550,7 +5550,7 @@ function LoginForm({ onSubmit, isLoading, onForgotPassword }) {
       {
         type: "submit",
         disabled: isLoading,
-        className: "bg-primary-700 hover:bg-primary-800 w-full rounded-lg py-2.5 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50",
+        className: "bg-primary-800 hover:bg-primary-900 w-full rounded-lg py-2.5 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50",
         children: isLoading ? /* @__PURE__ */ jsx(Spinner2, { className: "mx-auto h-5 w-5" }) : "Sign in"
       }
     )
@@ -5626,7 +5626,7 @@ function SignupForm({
           {
             type: "button",
             onClick: () => setShowPassword(!showPassword),
-            className: "absolute top-1/2 right-3 -translate-y-1/2 text-gray-500 hover:text-gray-700",
+            className: "text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2 hover:text-gray-700",
             children: showPassword ? /* @__PURE__ */ jsx(EyeOffIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(EyeIcon, { className: "h-4 w-4" })
           }
         )
@@ -5667,10 +5667,10 @@ function SignupForm({
           checked: acceptedTerms,
           onChange: (e) => setAcceptedTerms(e.target.checked),
           required: true,
-          className: "text-primary-600 focus:ring-primary-500 mt-0.5 rounded border-gray-300"
+          className: "text-primary-800 focus:ring-primary-500 mt-0.5 rounded border-gray-300"
         }
       ),
-      /* @__PURE__ */ jsxs("span", { className: "ml-2 text-sm text-gray-600 dark:text-gray-400", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground ml-2 text-sm", children: [
         "I agree to the",
         " ",
         /* @__PURE__ */ jsx(
@@ -5703,7 +5703,7 @@ function SignupForm({
       {
         type: "submit",
         disabled: isLoading || !passwordsMatch || !acceptedTerms,
-        className: "bg-primary-700 hover:bg-primary-800 w-full rounded-lg py-2.5 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50",
+        className: "bg-primary-800 hover:bg-primary-900 w-full rounded-lg py-2.5 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50",
         children: isLoading ? /* @__PURE__ */ jsx(Spinner2, { className: "mx-auto h-5 w-5" }) : "Create account"
       }
     )
@@ -5720,7 +5720,7 @@ function ForgotPasswordForm({
     onSubmit(email);
   };
   return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Enter your email address and we'll send you a link to reset your password." }),
+    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Enter your email address and we'll send you a link to reset your password." }),
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(
         "label",
@@ -5749,7 +5749,7 @@ function ForgotPasswordForm({
       {
         type: "submit",
         disabled: isLoading,
-        className: "bg-primary-700 hover:bg-primary-800 w-full rounded-lg py-2.5 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50",
+        className: "bg-primary-800 hover:bg-primary-900 w-full rounded-lg py-2.5 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50",
         children: isLoading ? /* @__PURE__ */ jsx(Spinner2, { className: "mx-auto h-5 w-5" }) : "Send reset link"
       }
     ),
@@ -5758,7 +5758,7 @@ function ForgotPasswordForm({
       {
         type: "button",
         onClick: onBack,
-        className: "w-full py-2 text-sm text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200",
+        className: "text-muted-foreground w-full py-2 text-sm hover:text-gray-800 dark:hover:text-gray-200",
         children: "\u2190 Back to login"
       }
     )
@@ -5804,7 +5804,7 @@ function ResetPasswordForm({ onSubmit, isLoading }) {
           {
             type: "button",
             onClick: () => setShowPassword(!showPassword),
-            className: "absolute top-1/2 right-3 -translate-y-1/2 text-gray-500 hover:text-gray-700",
+            className: "text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2 hover:text-gray-700",
             children: showPassword ? /* @__PURE__ */ jsx(EyeOffIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(EyeIcon, { className: "h-4 w-4" })
           }
         )
@@ -5842,7 +5842,7 @@ function ResetPasswordForm({ onSubmit, isLoading }) {
       {
         type: "submit",
         disabled: isLoading || !passwordsMatch,
-        className: "bg-primary-700 hover:bg-primary-800 w-full rounded-lg py-2.5 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50",
+        className: "bg-primary-800 hover:bg-primary-900 w-full rounded-lg py-2.5 font-medium text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50",
         children: isLoading ? /* @__PURE__ */ jsx(Spinner2, { className: "mx-auto h-5 w-5" }) : "Set new password"
       }
     )
@@ -6186,7 +6186,7 @@ function ServiceSelect({
                         type: "checkbox",
                         checked: selectedServices.includes(service.slug),
                         onChange: () => toggleService(service.slug),
-                        className: "text-primary-600 focus:ring-primary-500 border-input h-4 w-4 rounded"
+                        className: "text-primary-800 focus:ring-primary-500 border-input h-4 w-4 rounded"
                       }
                     ),
                     /* @__PURE__ */ jsx("span", { className: "text-foreground", children: service.name })
@@ -6230,7 +6230,7 @@ function ConsentSwitch({
             "data-slot": "consent-switch-toggle",
             className: cn(
               "focus:ring-primary-500 relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer items-center rounded-full transition-colors duration-200 ease-in-out focus:ring-2 focus:ring-offset-2 focus:outline-none",
-              checked ? "bg-primary-600" : "bg-muted"
+              checked ? "bg-primary-800" : "bg-muted"
             ),
             children: /* @__PURE__ */ jsx(
               "span",
@@ -6428,7 +6428,7 @@ function BookingDialog({
                       href: mapsUrl,
                       target: "_blank",
                       rel: "noopener noreferrer",
-                      className: "hover:text-primary-600 text-muted-foreground text-sm",
+                      className: "hover:text-primary-800 text-muted-foreground text-sm",
                       "data-slot": "booking-dialog-provider-address",
                       children: [
                         provider.address.street1,
@@ -6584,7 +6584,7 @@ function BookingDialog({
                       disabled: isLoading,
                       "data-slot": "booking-dialog-footer-btn",
                       className: cn(
-                        "bg-primary-700 hover:bg-primary-800 inline-flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-white transition-colors",
+                        "bg-primary-800 hover:bg-primary-900 inline-flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-white transition-colors",
                         isLoading && "cursor-not-allowed opacity-50"
                       ),
                       children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -6696,7 +6696,7 @@ function InlineBookingForm({
             disabled: isLoading,
             "data-slot": "inline-booking-form-submit",
             className: cn(
-              "bg-primary-700 hover:bg-primary-800 w-full rounded-lg px-4 py-3 text-sm font-medium text-white transition-colors",
+              "bg-primary-800 hover:bg-primary-900 w-full rounded-lg px-4 py-3 text-sm font-medium text-white transition-colors",
               isLoading && "cursor-not-allowed opacity-50"
             ),
             children: isLoading ? "Submitting..." : "Request Booking"
@@ -6759,7 +6759,7 @@ function QuickBookCard({
             {
               type: "button",
               onClick: onBook,
-              className: "bg-primary-700 hover:bg-primary-800 inline-flex flex-1 items-center justify-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-white transition-colors",
+              className: "bg-primary-800 hover:bg-primary-900 inline-flex flex-1 items-center justify-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-white transition-colors",
               "data-slot": "quick-book-card-btn",
               children: [
                 /* @__PURE__ */ jsx(CalendarIcon, { className: "h-4 w-4" }),
@@ -7094,7 +7094,7 @@ function TimeRangeDisplay({ range, use24Hour = false }) {
       "Until ",
       end
     ] }) : "Hours vary",
-    range.description && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-xs text-neutral-500 dark:text-neutral-400", children: range.description })
+    range.description && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground mt-0.5 block text-xs", children: range.description })
   ] });
 }
 function DayScheduleRow({
@@ -7135,7 +7135,7 @@ function DayScheduleRow({
             "data-slot": "business-hours-day-hours",
             className: cn("text-right", hasMultipleRanges && "flex flex-col gap-1"),
             "data-cy": `provider-hours-${dayHours.day}`,
-            children: hasHours ? dayHours.hours.map((range, idx) => /* @__PURE__ */ jsx(TimeRangeDisplay, { range, use24Hour }, idx)) : /* @__PURE__ */ jsx("span", { className: "text-neutral-500 dark:text-neutral-400", children: "Closed" })
+            children: hasHours ? dayHours.hours.map((range, idx) => /* @__PURE__ */ jsx(TimeRangeDisplay, { range, use24Hour }, idx)) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Closed" })
           }
         )
       ]
@@ -7302,7 +7302,7 @@ function BusinessHours({
                 "p",
                 {
                   "data-slot": "business-hours-timezone",
-                  className: "mt-3 text-xs text-neutral-500 dark:text-neutral-400",
+                  className: "text-muted-foreground mt-3 text-xs",
                   children: [
                     "All times are in ",
                     schedule.timezone
@@ -7617,7 +7617,7 @@ function BusinessHoursEditor({
                 "p",
                 {
                   "data-slot": "business-hours-closed",
-                  className: "text-sm text-gray-500 italic dark:text-gray-400",
+                  className: "text-muted-foreground text-sm italic",
                   children: "Closed"
                 }
               ) : /* @__PURE__ */ jsx("div", { "data-slot": "business-hours-slots", className: "space-y-2", children: hours.map((slot, slotIndex) => /* @__PURE__ */ jsxs(
@@ -8649,7 +8649,7 @@ function CommandPalette({
               "data-slot": "command-palette-search",
               className: "relative border-b border-gray-200 dark:border-gray-700",
               children: [
-                /* @__PURE__ */ jsx("div", { className: "absolute top-1/2 left-4 -translate-y-1/2 text-gray-500", children: /* @__PURE__ */ jsx(SearchIcon2, {}) }),
+                /* @__PURE__ */ jsx("div", { className: "text-muted-foreground absolute top-1/2 left-4 -translate-y-1/2", children: /* @__PURE__ */ jsx(SearchIcon2, {}) }),
                 /* @__PURE__ */ jsx(
                   "input",
                   {
@@ -8672,11 +8672,11 @@ function CommandPalette({
                   {
                     onClick: () => setQuery(""),
                     "data-testid": `${testId}-clear`,
-                    className: "absolute top-1/2 right-12 -translate-y-1/2 text-gray-500 hover:text-gray-700 dark:hover:text-gray-200",
+                    className: "text-muted-foreground absolute top-1/2 right-12 -translate-y-1/2 hover:text-gray-700 dark:hover:text-gray-200",
                     children: /* @__PURE__ */ jsx(XIcon2, {})
                   }
                 ),
-                isLoading && /* @__PURE__ */ jsx("div", { className: "text-primary-500 absolute top-1/2 right-4 -translate-y-1/2", children: /* @__PURE__ */ jsx(SpinnerIcon3, {}) })
+                isLoading && /* @__PURE__ */ jsx("div", { className: "text-primary-800 absolute top-1/2 right-4 -translate-y-1/2", children: /* @__PURE__ */ jsx(SpinnerIcon3, {}) })
               ]
             }
           ),
@@ -8693,7 +8693,7 @@ function CommandPalette({
                     "data-testid": `${testId}-filter-all`,
                     className: cn(
                       "rounded px-2 py-1 text-xs font-medium transition-colors",
-                      activeCategory === null ? "bg-primary-800 text-white" : "text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700"
+                      activeCategory === null ? "bg-primary-800 text-white" : "text-muted-foreground hover:bg-gray-100 dark:hover:bg-gray-700"
                     ),
                     children: "All"
                   }
@@ -8705,7 +8705,7 @@ function CommandPalette({
                     "data-testid": `${testId}-filter-${cat.id}`,
                     className: cn(
                       "flex items-center gap-1 rounded px-2 py-1 text-xs font-medium transition-colors",
-                      activeCategory === cat.id ? "bg-primary-800 text-white" : "text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700"
+                      activeCategory === cat.id ? "bg-primary-800 text-white" : "text-muted-foreground hover:bg-gray-100 dark:hover:bg-gray-700"
                     ),
                     children: [
                       cat.icon && /* @__PURE__ */ jsx("span", { className: "h-3 w-3", children: cat.icon }),
@@ -8727,7 +8727,7 @@ function CommandPalette({
                 "div",
                 {
                   "data-slot": "command-palette-empty",
-                  className: "p-8 text-center text-gray-500 dark:text-gray-400",
+                  className: "text-muted-foreground p-8 text-center",
                   children: emptyState ?? /* @__PURE__ */ jsxs(Fragment, { children: [
                     /* @__PURE__ */ jsx("div", { className: "mx-auto mb-2 h-8 w-8 opacity-50", children: /* @__PURE__ */ jsx(SearchIcon2, {}) }),
                     /* @__PURE__ */ jsx("p", { className: "text-sm", children: query.trim() ? `No results for "${query}"` : "Start typing to search..." })
@@ -8743,7 +8743,7 @@ function CommandPalette({
                         "data-slot": "command-palette-group",
                         className: cn(
                           "sticky top-0 px-3 py-2 text-xs font-semibold",
-                          "text-gray-500 dark:text-gray-400",
+                          "text-muted-foreground",
                           "bg-gray-50 dark:bg-gray-900/50"
                         ),
                         children: [
@@ -8802,7 +8802,7 @@ function CommandPalette({
                           disabled: item.disabled,
                           className: cn(
                             "flex w-full items-start gap-3 px-4 py-3 text-left transition-colors",
-                            isSelected ? "bg-primary-50 dark:bg-primary-500/20" : "hover:bg-gray-50 dark:hover:bg-gray-700/50",
+                            isSelected ? "bg-primary-50 dark:bg-primary-900/20" : "hover:bg-gray-50 dark:hover:bg-gray-700/50",
                             item.disabled && "cursor-not-allowed opacity-50"
                           ),
                           children: [
@@ -8812,15 +8812,15 @@ function CommandPalette({
                                 "data-slot": "command-palette-item-icon",
                                 className: cn(
                                   "mt-0.5 h-4 w-4 flex-shrink-0",
-                                  isSelected ? "text-primary-800 dark:text-primary-300" : "text-gray-500"
+                                  isSelected ? "text-primary-800 dark:text-primary-300" : "text-muted-foreground"
                                 ),
                                 children: item.icon
                               }
                             ),
                             /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
                               /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium text-gray-900 dark:text-white", children: item.label }),
-                              item.subtitle && /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-gray-500 dark:text-gray-400", children: item.subtitle }),
-                              item.description && /* @__PURE__ */ jsx("div", { className: "mt-0.5 truncate text-xs text-gray-500 dark:text-gray-400", children: item.description })
+                              item.subtitle && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground truncate text-xs", children: item.subtitle }),
+                              item.description && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground mt-0.5 truncate text-xs", children: item.description })
                             ] }),
                             item.shortcut && /* @__PURE__ */ jsx(
                               "kbd",
@@ -8829,7 +8829,7 @@ function CommandPalette({
                                   "hidden items-center px-1.5 py-0.5 text-[10px] sm:inline-flex",
                                   "rounded border bg-gray-100 dark:bg-gray-700",
                                   "border-gray-200 dark:border-gray-600",
-                                  "text-gray-600 dark:text-gray-400"
+                                  "text-muted-foreground"
                                 ),
                                 children: item.shortcut
                               }
@@ -8850,7 +8850,7 @@ function CommandPalette({
               "data-slot": "command-palette-footer",
               className: cn(
                 "border-t border-gray-100 p-2 dark:border-gray-700",
-                "bg-gray-50 text-xs text-gray-500 dark:bg-gray-900/50 dark:text-gray-400",
+                "text-muted-foreground bg-gray-50 text-xs dark:bg-gray-900/50",
                 "flex items-center justify-between"
               ),
               children: [
@@ -8889,7 +8889,7 @@ function CommandPaletteTrigger({
       "data-slot": "command-palette-trigger",
       className: cn(
         "flex items-center gap-3 rounded-lg border border-gray-300 dark:border-gray-400",
-        "bg-white px-4 py-2.5 text-sm text-gray-500 dark:bg-gray-700 dark:text-gray-300",
+        "text-muted-foreground bg-white px-4 py-2.5 text-sm dark:bg-gray-700",
         "hover:border-gray-400 dark:hover:border-gray-300",
         "transition-colors hover:bg-gray-50 dark:hover:bg-gray-600",
         "min-w-[200px] sm:min-w-[300px]",
@@ -8974,8 +8974,8 @@ function ConnectionStatusOverlay({
             /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(ConnectionIcon, { status: connection.status, className: "h-12 w-12" }) }),
             /* @__PURE__ */ jsxs("div", { "data-slot": "connection-overlay-content", className: "flex-1", children: [
               /* @__PURE__ */ jsx("p", { className: "text-gray-700 dark:text-gray-300", children: displayMessage }),
-              /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: "Please check your internet connection." }),
-              connection.retryCount !== void 0 && connection.retryCount > 0 && /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: "Please check your internet connection." }),
+              connection.retryCount !== void 0 && connection.retryCount > 0 && /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground mt-1 text-xs", children: [
                 "Retry attempt #",
                 connection.retryCount,
                 retryTimeFormatted && ` \u2022 Retrying ${retryTimeFormatted}`
@@ -8987,7 +8987,7 @@ function ConnectionStatusOverlay({
                 type: "button",
                 "data-slot": "connection-overlay-action",
                 onClick: onReload || (() => window.location.reload()),
-                className: "bg-primary-700 hover:bg-primary-800 inline-flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-white transition-colors",
+                className: "bg-primary-800 hover:bg-primary-900 inline-flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-white transition-colors",
                 children: [
                   /* @__PURE__ */ jsx(ReloadIcon, { className: "h-4 w-4" }),
                   "Reload"
@@ -9034,13 +9034,13 @@ function UpdateAvailableOverlay({
             ) : /* @__PURE__ */ jsx(UpdateIcon, { className: "text-primary-700 dark:text-primary-400 h-12 w-12 animate-pulse" }) }),
             /* @__PURE__ */ jsxs("div", { "data-slot": "update-overlay-content", className: "flex-1", children: [
               /* @__PURE__ */ jsx("p", { className: "font-semibold text-gray-900 dark:text-white", children: "Update Available" }),
-              /* @__PURE__ */ jsxs("p", { className: "mt-1 text-sm text-gray-600 dark:text-gray-400", children: [
+              /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground mt-1 text-sm", children: [
                 "There is an update available for ",
                 appName,
                 ".",
                 update.version && ` Version ${update.version}`
               ] }),
-              update.description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-500", children: update.description })
+              update.description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: update.description })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 gap-2", children: [
               onLater && /* @__PURE__ */ jsx(
@@ -9527,9 +9527,9 @@ function HoverMenu({
               className: "max-h-[240px] overflow-y-auto",
               children: /* @__PURE__ */ jsxs("table", { className: "w-full text-left text-xs", children: [
                 /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-neutral-100 dark:border-neutral-700", children: [
-                  /* @__PURE__ */ jsx("th", { className: "px-3 py-1.5 font-medium text-neutral-500 dark:text-neutral-400", children: "#" }),
-                  /* @__PURE__ */ jsx("th", { className: "px-3 py-1.5 font-medium text-neutral-500 dark:text-neutral-400", children: "Label" }),
-                  /* @__PURE__ */ jsx("th", { className: "px-3 py-1.5 font-medium text-neutral-500 dark:text-neutral-400", children: "Status" }),
+                  /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-3 py-1.5 font-medium", children: "#" }),
+                  /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-3 py-1.5 font-medium", children: "Label" }),
+                  /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-3 py-1.5 font-medium", children: "Status" }),
                   /* @__PURE__ */ jsx("th", { className: "w-8 px-1 py-1.5", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Actions" }) })
                 ] }) }),
                 /* @__PURE__ */ jsx("tbody", { children: items.map((item, index) => /* @__PURE__ */ jsxs(
@@ -9549,7 +9549,7 @@ function HoverMenu({
                             )
                           }
                         ),
-                        /* @__PURE__ */ jsx("span", { className: "text-neutral-600 dark:text-neutral-400", children: statusLabel[item.status] })
+                        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: statusLabel[item.status] })
                       ] }) }),
                       /* @__PURE__ */ jsx("td", { className: "px-1 py-1.5", children: actions.length > 0 && /* @__PURE__ */ jsx(RowActionMenu, { item, actions }) })
                     ]
@@ -10250,7 +10250,7 @@ function CookieConsentBanner({
                         {
                           className: cn(
                             "text-xs",
-                            variant === "default" ? "text-gray-600 dark:text-gray-400" : "text-white/80"
+                            variant === "default" ? "text-muted-foreground" : "text-white/80"
                           ),
                           children: [
                             "By using ",
@@ -10295,7 +10295,7 @@ function CookieConsentBanner({
                           "data-slot": "cookie-consent-btn",
                           className: cn(
                             "rounded-lg px-4 py-2 text-sm font-medium transition-colors",
-                            variant === "default" ? "text-gray-600 hover:bg-gray-100 hover:text-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200" : "text-white/80 hover:bg-white/10 hover:text-white"
+                            variant === "default" ? "text-muted-foreground hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-700 dark:hover:text-gray-200" : "text-white/80 hover:bg-white/10 hover:text-white"
                           ),
                           children: customizeText
                         }
@@ -10308,7 +10308,7 @@ function CookieConsentBanner({
                           "data-slot": "cookie-consent-btn",
                           className: cn(
                             "rounded-lg px-4 py-2 text-sm font-medium transition-colors",
-                            variant === "default" ? "text-gray-600 hover:bg-gray-100 hover:text-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200" : "text-white/80 hover:bg-white/10 hover:text-white"
+                            variant === "default" ? "text-muted-foreground hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-700 dark:hover:text-gray-200" : "text-white/80 hover:bg-white/10 hover:text-white"
                           ),
                           children: declineText
                         }
@@ -10321,7 +10321,7 @@ function CookieConsentBanner({
                           "data-slot": "cookie-consent-btn",
                           className: cn(
                             "inline-flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors",
-                            variant === "default" ? "bg-primary-700 hover:bg-primary-800 text-white" : "bg-white text-gray-900 hover:bg-gray-100"
+                            variant === "default" ? "bg-primary-800 hover:bg-primary-900 text-white" : "bg-white text-gray-900 hover:bg-gray-100"
                           ),
                           children: [
                             acceptText,
@@ -10452,7 +10452,7 @@ function CSVColumnMapper({
         "data-slot": "csv-mapper-progress",
         className: "bg-card text-card-foreground w-full max-w-lg rounded-lg shadow-xl",
         children: [
-          /* @__PURE__ */ jsx("div", { className: "bg-primary text-primary-foreground p-4", children: /* @__PURE__ */ jsx("h4", { className: "text-lg font-semibold", children: "Processing Employees" }) }),
+          /* @__PURE__ */ jsx("div", { className: "bg-primary-800 p-4 text-white", children: /* @__PURE__ */ jsx("h4", { className: "text-lg font-semibold", children: "Processing Employees" }) }),
           /* @__PURE__ */ jsxs("div", { className: "p-6", children: [
             /* @__PURE__ */ jsx("div", { className: "bg-muted h-4 w-full overflow-hidden rounded-full", children: /* @__PURE__ */ jsx(
               "div",
@@ -10830,7 +10830,7 @@ function CSVFileUpload({
             {
               type: "button",
               onClick: () => inputRef.current?.click(),
-              className: "bg-primary text-primary-foreground hover:bg-primary/90 rounded-lg px-6 py-3",
+              className: "bg-primary-800 hover:bg-primary-900 rounded-lg px-6 py-3 text-white",
               children: selectButton
             }
           )
@@ -11784,7 +11784,7 @@ function DateRangePicker({
                       className: cn(
                         "rounded-md px-3 py-1.5 text-left text-sm transition-colors",
                         "hover:bg-muted",
-                        activePreset === preset.key && "bg-primary text-primary-foreground"
+                        activePreset === preset.key && "bg-primary-800 text-white"
                       ),
                       children: preset.label
                     },
@@ -12085,7 +12085,7 @@ function DropZone({
                 "bg-primary-500/10 rounded-xl",
                 "pointer-events-none"
               ),
-              children: /* @__PURE__ */ jsx("span", { className: "text-primary-600 dark:text-primary-400 text-lg font-medium", children: "Drop files here" })
+              children: /* @__PURE__ */ jsx("span", { className: "text-primary-800 dark:text-primary-400 text-lg font-medium", children: "Drop files here" })
             }
           )
         ]
@@ -13436,7 +13436,7 @@ function DocumentScanner({
                   {
                     className: "bg-primary-100 dark:bg-primary-900/30 flex h-14 w-14 items-center justify-center rounded-full",
                     "data-slot": "doc-scanner-upload-icon",
-                    children: /* @__PURE__ */ jsx(Upload$1, { className: "text-primary-600 dark:text-primary-400 h-7 w-7" })
+                    children: /* @__PURE__ */ jsx(Upload$1, { className: "text-primary-800 dark:text-primary-400 h-7 w-7" })
                   }
                 ),
                 /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
@@ -13911,7 +13911,7 @@ function ClaimProviderForm({
                       "span",
                       {
                         "data-slot": "claim-form-terms-text",
-                        className: "text-sm text-gray-600 dark:text-gray-400",
+                        className: "text-muted-foreground text-sm",
                         children: [
                           "I agree to the",
                           " ",
@@ -15283,7 +15283,7 @@ function EmployeeForm({
                       "button",
                       {
                         type: "submit",
-                        className: "bg-primary-700 hover:bg-primary-800 rounded-md px-4 py-2 text-sm text-white",
+                        className: "bg-primary-800 hover:bg-primary-900 rounded-md px-4 py-2 text-sm text-white",
                         "data-slot": "employee-form-submit",
                         children: mode === "order" ? startOrder : save
                       }
@@ -15395,7 +15395,7 @@ function EmployeeProfileCard({
                     {
                       type: "button",
                       onClick: () => fileInputRef.current?.click(),
-                      className: "bg-primary text-primary-foreground hover:bg-primary/90 absolute right-0 bottom-0 rounded-full p-1.5 shadow-md transition-colors",
+                      className: "bg-primary-800 hover:bg-primary-900 absolute right-0 bottom-0 rounded-full p-1.5 text-white shadow-md transition-colors",
                       "aria-label": "Edit photo",
                       "data-slot": "employee-card-photo-edit",
                       children: /* @__PURE__ */ jsx(Edit2, { className: "h-3 w-3" })
@@ -15602,7 +15602,7 @@ function OrderSidebarTabs({
           className: cn(
             "px-4 py-2 text-sm font-medium transition-colors",
             "focus-visible:ring-ring focus:outline-none focus-visible:ring-2",
-            activeTab === tab.id ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"
+            activeTab === tab.id ? "bg-primary-800 text-white" : "text-muted-foreground hover:text-foreground hover:bg-muted"
           ),
           children: tab.label
         },
@@ -15732,7 +15732,7 @@ function EmployerContactCard({
       /* @__PURE__ */ jsx(
         "svg",
         {
-          className: "mx-auto mb-2 h-10 w-10 text-gray-400 dark:text-gray-600",
+          className: "text-muted-foreground dark:text-muted-foreground mx-auto mb-2 h-10 w-10",
           fill: "none",
           stroke: "currentColor",
           viewBox: "0 0 24 24",
@@ -15747,7 +15747,7 @@ function EmployerContactCard({
           )
         }
       ),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "No contacts added yet" }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "No contacts added yet" }),
       showActions && onAddContact && /* @__PURE__ */ jsx(
         Button,
         {
@@ -15779,7 +15779,7 @@ function EmployerContactCard({
                   /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-gray-900 dark:text-white", children: contact.name }),
                   contact.isPrimary && /* @__PURE__ */ jsx("span", { className: "rounded bg-blue-100 px-1.5 py-0.5 text-xs text-blue-700 dark:bg-blue-900/30 dark:text-blue-400", children: "Primary" })
                 ] }),
-                contact.role && /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-gray-500 dark:text-gray-400", children: contact.role })
+                contact.role && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground truncate text-xs", children: contact.role })
               ]
             }
           ),
@@ -15796,7 +15796,7 @@ function EmployerContactCard({
                       e.stopPropagation();
                       onEmail(contact);
                     },
-                    className: "rounded p-1.5 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",
+                    className: "hover:text-muted-foreground rounded p-1.5 text-gray-400 dark:hover:text-gray-300",
                     title: `Email ${contact.name}`,
                     children: /* @__PURE__ */ jsx(
                       "svg",
@@ -15825,7 +15825,7 @@ function EmployerContactCard({
                       e.stopPropagation();
                       onCall(contact);
                     },
-                    className: "rounded p-1.5 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",
+                    className: "hover:text-muted-foreground rounded p-1.5 text-gray-400 dark:hover:text-gray-300",
                     title: `Call ${contact.name}`,
                     children: /* @__PURE__ */ jsx(
                       "svg",
@@ -15969,7 +15969,7 @@ function EmployerList({
           /* @__PURE__ */ jsx(
             "svg",
             {
-              className: "mx-auto mb-3 h-12 w-12 text-gray-400 dark:text-gray-600",
+              className: "text-muted-foreground dark:text-muted-foreground mx-auto mb-3 h-12 w-12",
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24",
@@ -15984,7 +15984,7 @@ function EmployerList({
               )
             }
           ),
-          /* @__PURE__ */ jsx("p", { className: "mb-3 text-gray-500 dark:text-gray-400", children: emptyMessage }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-3", children: emptyMessage }),
           onAddEmployer && !searchQuery && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onAddEmployer, children: "Link Employer" })
         ]
       }
@@ -16030,8 +16030,8 @@ function EmployerList({
                       /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(employer.status), children: employer.status })
                     ] }),
                     /* @__PURE__ */ jsxs("div", { className: "mt-0.5 flex items-center gap-4", children: [
-                      employer.email && /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-gray-500 dark:text-gray-400", children: employer.email }),
-                      employer.linkedDate && /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-400 dark:text-gray-500", children: [
+                      employer.email && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate text-sm", children: employer.email }),
+                      employer.linkedDate && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs", children: [
                         "Linked ",
                         formatDate4(employer.linkedDate)
                       ] })
@@ -16047,7 +16047,7 @@ function EmployerList({
                   children: [
                     employer.activeEmployees !== void 0 && /* @__PURE__ */ jsxs("div", { children: [
                       /* @__PURE__ */ jsx("p", { className: "text-lg font-bold text-gray-900 dark:text-white", children: employer.activeEmployees }),
-                      /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Employees" })
+                      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: "Employees" })
                     ] }),
                     employer.pendingOrders !== void 0 && /* @__PURE__ */ jsxs("div", { children: [
                       /* @__PURE__ */ jsx(
@@ -16057,7 +16057,7 @@ function EmployerList({
                           children: employer.pendingOrders
                         }
                       ),
-                      /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Pending" })
+                      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: "Pending" })
                     ] })
                   ]
                 }
@@ -16130,14 +16130,14 @@ function EmployerPricingCard({
               ] }),
               /* @__PURE__ */ jsxs("div", { "data-slot": "employer-pricing-base-price", className: "text-right", children: [
                 /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: formatPrice(basePrice) }),
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "base price" })
+                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: "base price" })
               ] })
             ]
           }
         ),
         /* @__PURE__ */ jsxs(CardContent, { className: "pt-0", children: [
           tiers.length > 0 && /* @__PURE__ */ jsxs("div", { "data-slot": "employer-pricing-tiers", className: "mt-3 space-y-2", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium tracking-wide text-gray-500 uppercase dark:text-gray-400", children: "Volume Pricing" }),
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Volume Pricing" }),
             /* @__PURE__ */ jsx("div", { className: "space-y-1", children: tiers.map((tier) => /* @__PURE__ */ jsxs(
               "div",
               {
@@ -16145,7 +16145,7 @@ function EmployerPricingCard({
                 className: "flex items-center justify-between rounded bg-gray-50 px-2 py-1.5 dark:bg-gray-800/50",
                 children: [
                   /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-600 dark:text-gray-300", children: tier.name }),
+                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: tier.name }),
                     /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-400", children: [
                       "(",
                       formatQuantityRange(tier),
@@ -16291,7 +16291,7 @@ function EmployerView({
             {
               "data-slot": "employer-view-logo",
               className: "flex h-16 w-16 items-center justify-center rounded-lg bg-gray-100 dark:bg-gray-800",
-              children: /* @__PURE__ */ jsx("span", { className: "text-2xl font-bold text-gray-500 dark:text-gray-400", children: employer.name.charAt(0) })
+              children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-2xl font-bold", children: employer.name.charAt(0) })
             }
           ),
           /* @__PURE__ */ jsxs("div", { "data-slot": "employer-view-info", children: [
@@ -16299,11 +16299,11 @@ function EmployerView({
               /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: employer.name }),
               /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(employer.status), children: employer.status })
             ] }),
-            /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
+            /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm", children: [
               "Linked since ",
               formatDate4(employer.linkedDate)
             ] }),
-            employer.address && /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-600 dark:text-gray-300", children: [
+            employer.address && /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm", children: [
               employer.address.city,
               ", ",
               employer.address.state
@@ -16328,23 +16328,23 @@ function EmployerView({
           children: [
             /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
               /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: employer.stats.totalOrders }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Total Orders" })
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Total Orders" })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
               /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold text-green-600 dark:text-green-400", children: employer.stats.completedOrders }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Completed" })
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Completed" })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
               /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold text-yellow-600 dark:text-yellow-400", children: employer.stats.pendingOrders }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Pending" })
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Pending" })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
               /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: formatCurrency3(employer.stats.totalRevenue) }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Total Revenue" })
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Total Revenue" })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
               /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold text-orange-600 dark:text-orange-400", children: formatCurrency3(employer.stats.outstandingBalance) }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Outstanding" })
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Outstanding" })
             ] })
           ]
         }
@@ -16382,8 +16382,8 @@ function EmployerView({
               /* @__PURE__ */ jsx(Avatar, { name: primary.name, size: "md" }),
               /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
                 /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: primary.name }),
-                primary.role && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: primary.role }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300", children: primary.email })
+                primary.role && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: primary.role }),
+                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: primary.email })
               ] }),
               onContact && /* @__PURE__ */ jsx(
                 Button,
@@ -16403,7 +16403,7 @@ function EmployerView({
           /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: "Recent Orders" }),
           onCreateOrder && /* @__PURE__ */ jsx(Button, { size: "sm", onClick: onCreateOrder, children: "New Order" })
         ] }),
-        /* @__PURE__ */ jsx(CardContent, { children: employer.recentOrders.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-8 text-center text-gray-500 dark:text-gray-400", children: "No orders yet" }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: employer.recentOrders.map((order) => /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(CardContent, { children: employer.recentOrders.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground py-8 text-center", children: "No orders yet" }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: employer.recentOrders.map((order) => /* @__PURE__ */ jsxs(
           "div",
           {
             "data-slot": "employer-view-order-row",
@@ -16411,12 +16411,12 @@ function EmployerView({
             children: [
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: order.orderNumber }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300", children: order.patientName }),
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: order.services.join(", ") })
+                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: order.patientName }),
+                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: order.services.join(", ") })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
                 /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(order.status), children: order.status }),
-                /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: formatDate4(order.createdDate) })
+                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: formatDate4(order.createdDate) })
               ] }),
               onViewOrder && /* @__PURE__ */ jsx(
                 Button,
@@ -16437,7 +16437,7 @@ function EmployerView({
           /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: "Recent Invoices" }),
           onCreateInvoice && /* @__PURE__ */ jsx(Button, { size: "sm", onClick: onCreateInvoice, children: "New Invoice" })
         ] }),
-        /* @__PURE__ */ jsx(CardContent, { children: employer.recentInvoices.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-8 text-center text-gray-500 dark:text-gray-400", children: "No invoices yet" }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: employer.recentInvoices.map((invoice) => /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(CardContent, { children: employer.recentInvoices.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground py-8 text-center", children: "No invoices yet" }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: employer.recentInvoices.map((invoice) => /* @__PURE__ */ jsxs(
           "div",
           {
             "data-slot": "employer-view-invoice-row",
@@ -16445,7 +16445,7 @@ function EmployerView({
             children: [
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: invoice.invoiceNumber }),
-                /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-600 dark:text-gray-300", children: [
+                /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm", children: [
                   "Due: ",
                   formatDate4(invoice.dueDate)
                 ] })
@@ -16470,7 +16470,7 @@ function EmployerView({
       ] }) }),
       /* @__PURE__ */ jsx(TabsContent, { value: "contacts", children: /* @__PURE__ */ jsxs(Card, { "data-slot": "employer-view-contacts-card", children: [
         /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: "All Contacts" }) }),
-        /* @__PURE__ */ jsx(CardContent, { children: employer.contacts.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-8 text-center text-gray-500 dark:text-gray-400", children: "No contacts added" }) : /* @__PURE__ */ jsx("div", { className: "space-y-4", children: employer.contacts.map((contact) => /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(CardContent, { children: employer.contacts.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground py-8 text-center", children: "No contacts added" }) : /* @__PURE__ */ jsx("div", { className: "space-y-4", children: employer.contacts.map((contact) => /* @__PURE__ */ jsxs(
           "div",
           {
             "data-slot": "employer-view-contact-row",
@@ -16483,9 +16483,9 @@ function EmployerView({
                     /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: contact.name }),
                     contact.isPrimary && /* @__PURE__ */ jsx(Badge, { variant: "default", children: "Primary" })
                   ] }),
-                  contact.role && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: contact.role }),
-                  /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300", children: contact.email }),
-                  contact.phone && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: contact.phone })
+                  contact.role && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: contact.role }),
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: contact.email }),
+                  contact.phone && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: contact.phone })
                 ] })
               ] }),
               onContact && /* @__PURE__ */ jsx(
@@ -16930,7 +16930,7 @@ function ErrorPage({
         displayCode && /* @__PURE__ */ jsx(
           "div",
           {
-            className: "mb-4 text-6xl font-bold text-gray-300 sm:text-8xl dark:text-gray-600",
+            className: "dark:text-muted-foreground mb-4 text-6xl font-bold text-gray-300 sm:text-8xl",
             "data-slot": "error-page-code",
             children: displayCode
           }
@@ -16946,7 +16946,7 @@ function ErrorPage({
         /* @__PURE__ */ jsx(
           "p",
           {
-            className: "mb-8 max-w-md text-gray-600 dark:text-gray-400",
+            className: "text-muted-foreground mb-8 max-w-md",
             "data-slot": "error-page-description",
             children: displayDescription
           }
@@ -17020,7 +17020,7 @@ function ServerErrorPage({
           /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-sm font-medium text-gray-700 dark:text-gray-300", children: "Error Details" }),
           /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-2", children: [
             /* @__PURE__ */ jsx("p", { className: "font-mono text-sm text-red-600 dark:text-red-400", children: errorMessage }),
-            errorStack && /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded bg-gray-50 p-2 text-xs text-gray-600 dark:bg-gray-900 dark:text-gray-400", children: errorStack })
+            errorStack && /* @__PURE__ */ jsx("pre", { className: "text-muted-foreground overflow-x-auto rounded bg-gray-50 p-2 text-xs dark:bg-gray-900", children: errorStack })
           ] })
         ] })
       }
@@ -17064,7 +17064,7 @@ function MaintenancePage({
             href: statusUrl,
             target: "_blank",
             rel: "noopener noreferrer",
-            className: "text-primary-600 hover:text-primary-700 text-sm font-medium",
+            className: "text-primary-800 hover:text-primary-900 text-sm font-medium",
             children: "Check Status Page \u2192"
           }
         ),
@@ -17115,7 +17115,7 @@ function ActionButton({ label, onClick, href, variant }) {
   );
 }
 function DefaultIllustration({ type }) {
-  const iconClasses = "h-24 w-24 text-gray-300 dark:text-gray-600";
+  const iconClasses = "h-24 w-24 text-gray-300 dark:text-muted-foreground";
   switch (type) {
     case "404":
       return /* @__PURE__ */ jsx(Search404Icon, { className: iconClasses });
@@ -17456,8 +17456,8 @@ function FileManager({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-600 dark:text-gray-400", children: isDragging ? "Drop files here" : "Add File" }),
-              /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-500", children: "Click or drag and drop" }),
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium", children: isDragging ? "Drop files here" : "Add File" }),
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: "Click or drag and drop" }),
               /* @__PURE__ */ jsx(
                 "input",
                 {
@@ -17475,7 +17475,7 @@ function FileManager({
       }
     ),
     isUploading && uploadProgress !== void 0 && /* @__PURE__ */ jsxs("div", { "data-slot": "file-manager-progress", className: "mb-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between text-sm text-gray-600 dark:text-gray-400", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground mb-2 flex items-center justify-between text-sm", children: [
         /* @__PURE__ */ jsx("span", { children: "Uploading..." }),
         /* @__PURE__ */ jsxs("span", { children: [
           uploadProgress,
@@ -17497,11 +17497,11 @@ function FileManager({
       {
         "data-slot": "file-manager-storage",
         className: "mb-4 rounded-lg bg-gray-50 p-3 text-center dark:bg-gray-800",
-        children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
+        children: /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm", children: [
           "Used Storage:",
           " ",
           /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-900 dark:text-white", children: formatFileSize4(totalStorageUsed) }),
-          storageLimit && /* @__PURE__ */ jsxs("span", { className: "text-gray-500", children: [
+          storageLimit && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
             " ",
             "/ ",
             formatFileSize4(storageLimit)
@@ -17521,8 +17521,8 @@ function FileManager({
           getFileIcon(file.fileExtension),
           /* @__PURE__ */ jsx("span", { className: "max-w-xs truncate text-sm text-gray-900 dark:text-white", children: file.filename })
         ] }) }),
-        /* @__PURE__ */ jsx(TableCell, { className: "text-center", children: /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500 uppercase dark:text-gray-400", children: file.fileExtension.replace(".", "") }) }),
-        /* @__PURE__ */ jsx(TableCell, { className: "text-center", children: /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: formatFileSize4(file.fileSize) }) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "text-center", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs uppercase", children: file.fileExtension.replace(".", "") }) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "text-center", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: formatFileSize4(file.fileSize) }) }),
         hasActions && /* @__PURE__ */ jsx(
           TableCell,
           {
@@ -17544,7 +17544,7 @@ function FileManager({
         /* @__PURE__ */ jsx(
           "svg",
           {
-            className: "mx-auto mb-3 h-12 w-12 text-gray-300 dark:text-gray-600",
+            className: "dark:text-muted-foreground mx-auto mb-3 h-12 w-12 text-gray-300",
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "currentColor",
@@ -17559,8 +17559,8 @@ function FileManager({
             )
           }
         ),
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "No Files" }),
-        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-400 dark:text-gray-500", children: "Upload files to get started" })
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium", children: "No Files" }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: "Upload files to get started" })
       ] }) }) }) })
     ] }) })
   ] });
@@ -17804,7 +17804,7 @@ function HelpSupportPanel({
         children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: "Help & Support" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Find answers or get in touch with our support team" })
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Find answers or get in touch with our support team" })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
             docsUrl && /* @__PURE__ */ jsxs(
@@ -17873,7 +17873,7 @@ function HelpSupportPanel({
                 onChange: (e) => setSearchTerm(e.target.value)
               }
             ),
-            filteredFaqs.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-4 text-center text-gray-500 dark:text-gray-400", children: "No FAQs match your search" }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: filteredFaqs.map((faq) => /* @__PURE__ */ jsxs(
+            filteredFaqs.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground py-4 text-center", children: "No FAQs match your search" }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: filteredFaqs.map((faq) => /* @__PURE__ */ jsxs(
               "div",
               {
                 "data-slot": "help-support-faq-item",
@@ -17909,7 +17909,7 @@ function HelpSupportPanel({
                       ]
                     }
                   ),
-                  expandedFaq === faq.id && /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200 bg-gray-50 px-4 py-3 dark:border-gray-700 dark:bg-gray-800", children: /* @__PURE__ */ jsx("p", { className: "text-gray-600 dark:text-gray-300", children: faq.answer }) })
+                  expandedFaq === faq.id && /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200 bg-gray-50 px-4 py-3 dark:border-gray-700 dark:bg-gray-800", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: faq.answer }) })
                 ]
               },
               faq.id
@@ -18013,7 +18013,7 @@ function HelpSupportPanel({
               "data-slot": "help-support-contact-item",
               className: "flex items-start gap-3 rounded-lg bg-gray-50 p-3 dark:bg-gray-800",
               children: [
-                /* @__PURE__ */ jsx("div", { className: "text-gray-500 dark:text-gray-400", children: getContactIcon(contact.type) }),
+                /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: getContactIcon(contact.type) }),
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: contact.label }),
                   contact.type === "email" ? /* @__PURE__ */ jsx(
@@ -18030,8 +18030,8 @@ function HelpSupportPanel({
                       className: "text-sm text-blue-600 hover:underline dark:text-blue-400",
                       children: contact.value
                     }
-                  ) : /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300", children: contact.value }),
-                  contact.availability && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: contact.availability })
+                  ) : /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: contact.value }),
+                  contact.availability && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: contact.availability })
                 ] })
               ]
             },
@@ -18294,7 +18294,7 @@ function HRISProviderSelector({
                   {
                     type: "button",
                     onClick: onRefreshSync,
-                    className: "bg-primary hover:bg-primary/90 rounded-lg px-4 py-2 text-white",
+                    className: "bg-primary-800 hover:bg-primary-900 rounded-lg px-4 py-2 text-white",
                     "data-slot": "hris-connected-btn-primary",
                     children: [
                       /* @__PURE__ */ jsx("i", { className: "fas fa-rotate mr-2" }),
@@ -18643,7 +18643,7 @@ function InventoryManager({
                 {
                   type: "button",
                   onClick: () => setUpdateType("debit"),
-                  className: `rounded-l-md border px-4 py-2 text-sm font-medium transition-colors ${updateType === "debit" ? "border-primary bg-primary text-primary-foreground" : "border-input bg-card text-foreground hover:bg-muted"} `,
+                  className: `rounded-l-md border px-4 py-2 text-sm font-medium transition-colors ${updateType === "debit" ? "border-primary bg-primary-800 text-white" : "border-input bg-card text-foreground hover:bg-muted"} `,
                   children: [
                     /* @__PURE__ */ jsx(
                       "svg",
@@ -18672,7 +18672,7 @@ function InventoryManager({
                 {
                   type: "button",
                   onClick: () => setUpdateType("credit"),
-                  className: `rounded-r-md border-t border-r border-b px-4 py-2 text-sm font-medium transition-colors ${updateType === "credit" ? "border-primary bg-primary text-primary-foreground" : "border-input bg-card text-foreground hover:bg-muted"} `,
+                  className: `rounded-r-md border-t border-r border-b px-4 py-2 text-sm font-medium transition-colors ${updateType === "credit" ? "border-primary bg-primary-800 text-white" : "border-input bg-card text-foreground hover:bg-muted"} `,
                   children: [
                     /* @__PURE__ */ jsx(
                       "svg",
@@ -19129,7 +19129,7 @@ function InvoiceList({
                   "button",
                   {
                     onClick: () => onFilterStatus?.(option.value),
-                    className: `px-3 py-2 text-sm font-medium transition-colors ${statusFilter === option.value ? "bg-blue-50 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400" : "text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800"} `,
+                    className: `px-3 py-2 text-sm font-medium transition-colors ${statusFilter === option.value ? "bg-blue-50 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400" : "text-muted-foreground hover:bg-gray-50 dark:hover:bg-gray-800"} `,
                     children: option.label
                   },
                   option.value
@@ -19168,7 +19168,7 @@ function InvoiceList({
           "data-slot": "invoice-list-summary-item",
           className: "rounded-lg bg-gray-50 p-3 dark:bg-gray-800",
           children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Total" }),
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: "Total" }),
             /* @__PURE__ */ jsx("p", { className: "text-lg font-bold text-gray-900 dark:text-white", children: formatCurrency3(totals.total) })
           ]
         }
@@ -19205,7 +19205,7 @@ function InvoiceList({
           /* @__PURE__ */ jsx(
             "svg",
             {
-              className: "mx-auto mb-3 h-12 w-12 text-gray-400 dark:text-gray-600",
+              className: "text-muted-foreground dark:text-muted-foreground mx-auto mb-3 h-12 w-12",
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24",
@@ -19220,7 +19220,7 @@ function InvoiceList({
               )
             }
           ),
-          /* @__PURE__ */ jsx("p", { className: "mb-3 text-gray-500 dark:text-gray-400", children: searchQuery || statusFilter !== "all" ? "No invoices match your filters" : "No invoices yet" }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-3", children: searchQuery || statusFilter !== "all" ? "No invoices match your filters" : "No invoices yet" }),
           onCreateInvoice && !searchQuery && statusFilter === "all" && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onCreateInvoice, children: "Create Invoice" })
         ]
       }
@@ -19231,12 +19231,12 @@ function InvoiceList({
         className: "overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700",
         children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
           /* @__PURE__ */ jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: /* @__PURE__ */ jsxs("tr", { children: [
-            /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase dark:text-gray-400", children: "Invoice" }),
-            /* @__PURE__ */ jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase sm:table-cell dark:text-gray-400", children: "Employer" }),
-            /* @__PURE__ */ jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase md:table-cell dark:text-gray-400", children: "Issued" }),
-            /* @__PURE__ */ jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase md:table-cell dark:text-gray-400", children: "Due" }),
-            /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-right text-xs font-medium tracking-wider text-gray-500 uppercase dark:text-gray-400", children: "Amount" }),
-            /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-center text-xs font-medium tracking-wider text-gray-500 uppercase dark:text-gray-400", children: "Status" })
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-left text-xs font-medium tracking-wider uppercase", children: "Invoice" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase sm:table-cell", children: "Employer" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase md:table-cell", children: "Issued" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase md:table-cell", children: "Due" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-right text-xs font-medium tracking-wider uppercase", children: "Amount" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-center text-xs font-medium tracking-wider uppercase", children: "Status" })
           ] }) }),
           /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: filteredInvoices.map((invoice) => /* @__PURE__ */ jsxs(
             "tr",
@@ -19247,14 +19247,14 @@ function InvoiceList({
               children: [
                 /* @__PURE__ */ jsxs("td", { className: "px-4 py-3", children: [
                   /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: invoice.invoiceNumber }),
-                  /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 sm:hidden dark:text-gray-400", children: invoice.employerName })
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs sm:hidden", children: invoice.employerName })
                 ] }),
                 /* @__PURE__ */ jsx("td", { className: "hidden px-4 py-3 sm:table-cell", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-700 dark:text-gray-300", children: invoice.employerName }) }),
-                /* @__PURE__ */ jsx("td", { className: "hidden px-4 py-3 md:table-cell", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: formatDate4(invoice.issuedDate) }) }),
+                /* @__PURE__ */ jsx("td", { className: "hidden px-4 py-3 md:table-cell", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: formatDate4(invoice.issuedDate) }) }),
                 /* @__PURE__ */ jsx("td", { className: "hidden px-4 py-3 md:table-cell", children: /* @__PURE__ */ jsx(
                   "p",
                   {
-                    className: `text-sm ${invoice.status === "overdue" ? "font-medium text-red-600 dark:text-red-400" : "text-gray-500 dark:text-gray-400"}`,
+                    className: `text-sm ${invoice.status === "overdue" ? "font-medium text-red-600 dark:text-red-400" : "text-muted-foreground"}`,
                     children: formatDate4(invoice.dueDate)
                   }
                 ) }),
@@ -19352,7 +19352,7 @@ function InvoicePaymentPage({
               /* @__PURE__ */ jsx(
                 "svg",
                 {
-                  className: "mx-auto mb-4 h-16 w-16 text-gray-400 dark:text-gray-600",
+                  className: "text-muted-foreground dark:text-muted-foreground mx-auto mb-4 h-16 w-16",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
@@ -19368,7 +19368,7 @@ function InvoicePaymentPage({
                 }
               ),
               /* @__PURE__ */ jsx("h2", { className: "mb-2 text-xl font-semibold text-gray-900 dark:text-white", children: "Invoice Not Found" }),
-              /* @__PURE__ */ jsx("p", { className: "text-gray-500 dark:text-gray-400", children: "The invoice you're looking for doesn't exist or has expired." })
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "The invoice you're looking for doesn't exist or has expired." })
             ] })
           }
         )
@@ -19413,8 +19413,8 @@ function InvoicePaymentPage({
                 }
               ),
               /* @__PURE__ */ jsx("h2", { className: "mb-2 text-xl font-semibold text-gray-900 dark:text-white", children: "Payment Successful" }),
-              /* @__PURE__ */ jsx("p", { className: "mb-4 text-gray-500 dark:text-gray-400", children: successMessage || "Thank you! Your payment has been processed successfully." }),
-              /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-4", children: successMessage || "Thank you! Your payment has been processed successfully." }),
+              /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm", children: [
                 "Invoice ",
                 invoice.invoiceNumber
               ] })
@@ -19460,7 +19460,7 @@ function InvoicePaymentPage({
                   /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(invoice.status), children: invoice.status })
                 ] }) }),
                 /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm text-gray-600 dark:text-gray-400", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground space-y-1 text-sm", children: [
                     /* @__PURE__ */ jsxs("p", { children: [
                       "Issued: ",
                       formatDate4(invoice.issuedDate)
@@ -19486,7 +19486,7 @@ function InvoicePaymentPage({
                       "data-slot": "invoice-payment-line-items",
                       className: "border-t border-gray-200 pt-4 dark:border-gray-700",
                       children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
-                        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "text-gray-500 dark:text-gray-400", children: [
+                        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "text-muted-foreground", children: [
                           /* @__PURE__ */ jsx("th", { className: "pb-2 text-left font-medium", children: "Item" }),
                           /* @__PURE__ */ jsx("th", { className: "pb-2 text-right font-medium", children: "Amount" })
                         ] }) }),
@@ -19504,11 +19504,11 @@ function InvoicePaymentPage({
                       className: "space-y-2 border-t border-gray-200 pt-4 dark:border-gray-700",
                       children: [
                         /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-                          /* @__PURE__ */ jsx("span", { className: "text-gray-500 dark:text-gray-400", children: "Subtotal" }),
+                          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Subtotal" }),
                           /* @__PURE__ */ jsx("span", { children: formatCurrency3(invoice.subtotal) })
                         ] }),
                         invoice.tax !== void 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-                          /* @__PURE__ */ jsx("span", { className: "text-gray-500 dark:text-gray-400", children: "Tax" }),
+                          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Tax" }),
                           /* @__PURE__ */ jsx("span", { children: formatCurrency3(invoice.tax) })
                         ] }),
                         /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-lg font-bold", children: [
@@ -19542,7 +19542,7 @@ function InvoicePaymentPage({
                           {
                             type: "button",
                             onClick: () => setPaymentMethod("card"),
-                            className: `flex-1 px-4 py-2 text-sm font-medium transition-colors ${paymentMethod === "card" ? "bg-blue-50 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400" : "text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800"} `,
+                            className: `flex-1 px-4 py-2 text-sm font-medium transition-colors ${paymentMethod === "card" ? "bg-blue-50 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400" : "text-muted-foreground hover:bg-gray-50 dark:hover:bg-gray-800"} `,
                             children: "Credit Card"
                           }
                         ),
@@ -19551,7 +19551,7 @@ function InvoicePaymentPage({
                           {
                             type: "button",
                             onClick: () => setPaymentMethod("ach"),
-                            className: `flex-1 px-4 py-2 text-sm font-medium transition-colors ${paymentMethod === "ach" ? "bg-blue-50 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400" : "text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800"} `,
+                            className: `flex-1 px-4 py-2 text-sm font-medium transition-colors ${paymentMethod === "ach" ? "bg-blue-50 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400" : "text-muted-foreground hover:bg-gray-50 dark:hover:bg-gray-800"} `,
                             children: "Bank Transfer"
                           }
                         )
@@ -19681,7 +19681,7 @@ function InvoicePaymentPage({
                       ] }) : `Pay ${formatCurrency3(invoice.total)}`
                     }
                   ),
-                  showStripeBranding && /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-gray-500 dark:text-gray-400", children: "Secured by Stripe" })
+                  showStripeBranding && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-center text-xs", children: "Secured by Stripe" })
                 ] }) })
               ] }) })
             ]
@@ -19764,7 +19764,7 @@ function InvoiceView({
                 /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: invoice.invoiceNumber }),
                 /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(invoice.status), children: invoice.status })
               ] }),
-              /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
+              /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm", children: [
                 "Issued ",
                 formatDate4(invoice.issuedDate)
               ] })
@@ -19917,9 +19917,9 @@ function InvoiceView({
                       className: "mb-2 h-12 object-contain"
                     }
                   ) : /* @__PURE__ */ jsx("h2", { className: "mb-2 text-xl font-bold text-gray-900 dark:text-white", children: invoice.providerName }),
-                  invoice.providerAddress && /* @__PURE__ */ jsx("p", { className: "text-sm whitespace-pre-line text-gray-600 dark:text-gray-400", children: invoice.providerAddress }),
-                  invoice.providerPhone && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: invoice.providerPhone }),
-                  invoice.providerEmail && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: invoice.providerEmail })
+                  invoice.providerAddress && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm whitespace-pre-line", children: invoice.providerAddress }),
+                  invoice.providerPhone && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: invoice.providerPhone }),
+                  invoice.providerEmail && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: invoice.providerEmail })
                 ] }),
                 /* @__PURE__ */ jsxs(
                   "div",
@@ -19929,7 +19929,7 @@ function InvoiceView({
                     children: [
                       /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "INVOICE" }),
                       /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: invoice.invoiceNumber }),
-                      /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-1 text-sm text-gray-600 dark:text-gray-400", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground mt-2 space-y-1 text-sm", children: [
                         /* @__PURE__ */ jsxs("p", { children: [
                           /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Issue Date:" }),
                           " ",
@@ -19953,10 +19953,10 @@ function InvoiceView({
             }
           ),
           /* @__PURE__ */ jsxs("div", { "data-slot": "invoice-view-bill-to", className: "mb-8", children: [
-            /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-semibold text-gray-500 uppercase dark:text-gray-400", children: "Bill To" }),
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-1 text-xs font-semibold uppercase", children: "Bill To" }),
             /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: invoice.employerName }),
-            invoice.employerAddress && /* @__PURE__ */ jsx("p", { className: "text-sm whitespace-pre-line text-gray-600 dark:text-gray-400", children: invoice.employerAddress }),
-            invoice.employerEmail && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: invoice.employerEmail })
+            invoice.employerAddress && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm whitespace-pre-line", children: invoice.employerAddress }),
+            invoice.employerEmail && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: invoice.employerEmail })
           ] }),
           /* @__PURE__ */ jsx(
             "div",
@@ -19965,15 +19965,15 @@ function InvoiceView({
               className: "mb-6 overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700",
               children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
                 /* @__PURE__ */ jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: /* @__PURE__ */ jsxs("tr", { children: [
-                  /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase dark:text-gray-400", children: "Description" }),
-                  /* @__PURE__ */ jsx("th", { className: "hidden px-4 py-3 text-center text-xs font-medium text-gray-500 uppercase sm:table-cell dark:text-gray-400", children: "Qty" }),
-                  /* @__PURE__ */ jsx("th", { className: "hidden px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase sm:table-cell dark:text-gray-400", children: "Unit Price" }),
-                  /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase dark:text-gray-400", children: "Total" })
+                  /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-left text-xs font-medium uppercase", children: "Description" }),
+                  /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-center text-xs font-medium uppercase sm:table-cell", children: "Qty" }),
+                  /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-right text-xs font-medium uppercase sm:table-cell", children: "Unit Price" }),
+                  /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-right text-xs font-medium uppercase", children: "Total" })
                 ] }) }),
                 /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: invoice.lineItems.map((item) => /* @__PURE__ */ jsxs("tr", { className: "bg-white dark:bg-gray-900", children: [
                   /* @__PURE__ */ jsxs("td", { className: "px-4 py-3", children: [
                     /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: item.description }),
-                    item.employeeName && /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
+                    item.employeeName && /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-xs", children: [
                       item.employeeName,
                       item.date && ` \u2022 ${formatDate4(item.date)}`
                     ] })
@@ -19987,11 +19987,11 @@ function InvoiceView({
           ),
           /* @__PURE__ */ jsx("div", { "data-slot": "invoice-view-totals", className: "flex justify-end", children: /* @__PURE__ */ jsxs("div", { className: "w-full space-y-2 sm:w-64", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-gray-600 dark:text-gray-400", children: "Subtotal" }),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Subtotal" }),
               /* @__PURE__ */ jsx("span", { className: "text-gray-900 dark:text-white", children: formatCurrency3(invoice.subtotal) })
             ] }),
             invoice.tax !== void 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-              /* @__PURE__ */ jsxs("span", { className: "text-gray-600 dark:text-gray-400", children: [
+              /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
                 "Tax ",
                 invoice.taxRate && `(${invoice.taxRate}%)`
               ] }),
@@ -20009,11 +20009,11 @@ function InvoiceView({
               className: "mt-8 space-y-4 border-t border-gray-200 pt-6 dark:border-gray-700",
               children: [
                 invoice.paymentTerms && /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-semibold text-gray-500 uppercase dark:text-gray-400", children: "Payment Terms" }),
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-1 text-xs font-semibold uppercase", children: "Payment Terms" }),
                   /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-700 dark:text-gray-300", children: invoice.paymentTerms })
                 ] }),
                 invoice.notes && /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-semibold text-gray-500 uppercase dark:text-gray-400", children: "Notes" }),
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-1 text-xs font-semibold uppercase", children: "Notes" }),
                   /* @__PURE__ */ jsx("p", { className: "text-sm whitespace-pre-line text-gray-700 dark:text-gray-300", children: invoice.notes })
                 ] })
               ]
@@ -20064,8 +20064,8 @@ var buttonVariants2 = cva(
       },
       variant: {
         default: "border-gray-300 bg-white text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700",
-        ghost: "border-transparent bg-transparent text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800",
-        minimal: "border-transparent bg-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
+        ghost: "border-transparent bg-transparent text-muted-foreground hover:bg-gray-100  dark:hover:bg-gray-800",
+        minimal: "border-transparent bg-transparent text-muted-foreground hover:text-gray-700  dark:hover:text-gray-200"
       }
     },
     defaultVariants: {
@@ -20179,7 +20179,7 @@ function LanguageSelector({
                     children: [
                       showFlags && language.flag && /* @__PURE__ */ jsx("span", { className: "text-base", children: language.flag }),
                       /* @__PURE__ */ jsx("span", { className: "flex-1", children: language.name }),
-                      language.code === value && /* @__PURE__ */ jsx(CheckIcon2, { className: "text-primary-600 dark:text-primary-400 h-4 w-4" })
+                      language.code === value && /* @__PURE__ */ jsx(CheckIcon2, { className: "text-primary-800 dark:text-primary-400 h-4 w-4" })
                     ]
                   },
                   language.code
@@ -20266,7 +20266,7 @@ function LanguageSelectorInline({
             index === 0 && "rounded-l-lg",
             index === languages.length - 1 && "rounded-r-lg",
             index > 0 && "border-l border-gray-200 dark:border-gray-700",
-            language.code === value ? "bg-primary-600 text-white" : "bg-white text-gray-700 hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
+            language.code === value ? "bg-primary-800 text-white" : "bg-white text-gray-700 hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
           ),
           children: [
             showFlags && language.flag && /* @__PURE__ */ jsx("span", { className: "mr-1", children: language.flag }),
@@ -20329,7 +20329,7 @@ function LoadingDots({
     lg: "h-3 w-3"
   }[size];
   const dotColor = {
-    primary: "bg-primary-600",
+    primary: "bg-primary-800",
     secondary: "bg-gray-400",
     white: "bg-white",
     current: "bg-current"
@@ -20363,7 +20363,7 @@ function LoadingBar({
 }) {
   const isIndeterminate = progress === void 0;
   const barColor = {
-    primary: "bg-primary-600",
+    primary: "bg-primary-800",
     success: "bg-green-600",
     warning: "bg-yellow-500",
     error: "bg-red-600"
@@ -20401,7 +20401,7 @@ function LoadingBar({
     showPercentage && !isIndeterminate && /* @__PURE__ */ jsxs(
       "p",
       {
-        className: "mt-1 text-right text-sm text-gray-600 dark:text-gray-400",
+        className: "text-muted-foreground mt-1 text-right text-sm",
         "data-slot": "loading-bar-percentage",
         children: [
           Math.round(progress),
@@ -20444,7 +20444,7 @@ function LoadingPage({
         subMessage && /* @__PURE__ */ jsx(
           "p",
           {
-            className: "text-sm text-gray-500 dark:text-gray-400",
+            className: "text-muted-foreground text-sm",
             "data-slot": "loading-page-submessage",
             children: subMessage
           }
@@ -20567,8 +20567,8 @@ function CardSkeleton({
 function PulseIndicator() {
   return /* @__PURE__ */ jsxs("div", { className: "relative h-16 w-16", "data-slot": "pulse-indicator", children: [
     /* @__PURE__ */ jsx("div", { className: "bg-primary-200 dark:bg-primary-800 absolute inset-0 animate-ping rounded-full opacity-75" }),
-    /* @__PURE__ */ jsx("div", { className: "bg-primary-400 dark:bg-primary-600 absolute inset-2 animate-pulse rounded-full" }),
-    /* @__PURE__ */ jsx("div", { className: "bg-primary-600 dark:bg-primary-400 absolute inset-4 rounded-full" })
+    /* @__PURE__ */ jsx("div", { className: "bg-primary-400 dark:bg-primary-800 absolute inset-2 animate-pulse rounded-full" }),
+    /* @__PURE__ */ jsx("div", { className: "bg-primary-800 dark:bg-primary-400 absolute inset-4 rounded-full" })
   ] });
 }
 var headerVariants = cva(
@@ -20737,7 +20737,7 @@ var ConversationHeader = React48.forwardRef(
               {
                 className: cn(
                   "truncate text-sm",
-                  isOnline ? "text-green-600 dark:text-green-400" : "text-neutral-500 dark:text-neutral-400"
+                  isOnline ? "text-green-600 dark:text-green-400" : "text-muted-foreground"
                 ),
                 children: displaySubtitle
               }
@@ -20851,7 +20851,7 @@ var ConversationListItem = React48.forwardRef(({ className, conversation, isSele
                     children: title
                   }
                 ),
-                lastMessage && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-neutral-500 dark:text-neutral-400", children: formatTime4(lastMessage.timestamp) })
+                lastMessage && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground shrink-0 text-xs", children: formatTime4(lastMessage.timestamp) })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
                 /* @__PURE__ */ jsx(
@@ -20859,7 +20859,7 @@ var ConversationListItem = React48.forwardRef(({ className, conversation, isSele
                   {
                     className: cn(
                       "truncate text-sm",
-                      isUnread ? "text-neutral-700 dark:text-neutral-300" : "text-neutral-500 dark:text-neutral-400"
+                      isUnread ? "text-neutral-700 dark:text-neutral-300" : "text-muted-foreground"
                     ),
                     children: lastMessage?.content || "No messages yet"
                   }
@@ -20871,7 +20871,7 @@ var ConversationListItem = React48.forwardRef(({ className, conversation, isSele
                     className: cn(
                       "flex shrink-0 items-center justify-center",
                       "h-5 min-w-[20px] rounded-full px-1.5",
-                      "bg-primary-600 text-xs font-medium text-white"
+                      "bg-primary-800 text-xs font-medium text-white"
                     ),
                     children: conversation.unreadCount > 99 ? "99+" : conversation.unreadCount
                   }
@@ -20884,7 +20884,7 @@ var ConversationListItem = React48.forwardRef(({ className, conversation, isSele
           conversation.isPinned && /* @__PURE__ */ jsx(
             "svg",
             {
-              className: "text-primary-500 h-4 w-4",
+              className: "text-primary-800 h-4 w-4",
               fill: "currentColor",
               viewBox: "0 0 24 24",
               children: /* @__PURE__ */ jsx("path", { d: "M16 4v8l2 2v2h-6v6l-1 1-1-1v-6H4v-2l2-2V4c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2z" })
@@ -21652,7 +21652,7 @@ function NotificationCenter({
       case "alert":
         return "text-yellow-500 bg-yellow-100 dark:bg-yellow-900/30";
       default:
-        return "text-gray-500 bg-gray-100 dark:bg-gray-800";
+        return "text-muted-foreground bg-gray-100 dark:bg-gray-800";
     }
   };
   const unreadCount = notifications.filter((n) => !n.isRead).length;
@@ -21699,7 +21699,7 @@ function NotificationCenter({
               /* @__PURE__ */ jsx(
                 "svg",
                 {
-                  className: "mx-auto mb-3 h-12 w-12 text-gray-400 dark:text-gray-600",
+                  className: "text-muted-foreground dark:text-muted-foreground mx-auto mb-3 h-12 w-12",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
@@ -21714,7 +21714,7 @@ function NotificationCenter({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx("p", { className: "text-gray-500 dark:text-gray-400", children: emptyMessage })
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: emptyMessage })
             ]
           }
         ) : /* @__PURE__ */ jsx(
@@ -21795,14 +21795,14 @@ function NotificationCenter({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsx("p", { className: "mt-0.5 line-clamp-2 text-sm text-gray-500 dark:text-gray-400", children: notification.message }),
+                            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-0.5 line-clamp-2 text-sm", children: notification.message }),
                             /* @__PURE__ */ jsxs(
                               "div",
                               {
                                 "data-slot": "notification-center-meta",
                                 className: "mt-2 flex items-center justify-between",
                                 children: [
-                                  /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: formatTimestamp(notification.timestamp) }),
+                                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: formatTimestamp(notification.timestamp) }),
                                   /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                                     notification.actionLabel && /* @__PURE__ */ jsx(
                                       Button,
@@ -22403,7 +22403,7 @@ function OrderCard({
               {
                 type: "button",
                 onClick: handleAcceptClick,
-                className: "bg-primary hover:bg-primary/90 rounded-md px-3 py-1.5 text-sm font-medium text-white transition-colors",
+                className: "bg-primary-800 hover:bg-primary-900 rounded-md px-3 py-1.5 text-sm font-medium text-white transition-colors",
                 children: "Accept"
               }
             )
@@ -22463,7 +22463,7 @@ function OrderConfirmationWizard({
             "div",
             {
               "data-slot": "ocw-step-circle",
-              className: `flex h-10 w-10 items-center justify-center rounded-full font-medium ${isComplete ? "bg-green-500 text-white" : isActive ? "bg-blue-500 text-white" : "bg-gray-200 text-gray-500 dark:bg-gray-700 dark:text-gray-400"} `,
+              className: `flex h-10 w-10 items-center justify-center rounded-full font-medium ${isComplete ? "bg-green-500 text-white" : isActive ? "bg-blue-500 text-white" : "text-muted-foreground bg-gray-200 dark:bg-gray-700"} `,
               children: isComplete ? /* @__PURE__ */ jsx(
                 "svg",
                 {
@@ -22488,7 +22488,7 @@ function OrderConfirmationWizard({
             "span",
             {
               "data-slot": "ocw-step-label",
-              className: `mt-2 text-center text-xs font-medium ${isActive ? "text-blue-600 dark:text-blue-400" : "text-gray-500 dark:text-gray-400"} `,
+              className: `mt-2 text-center text-xs font-medium ${isActive ? "text-blue-600 dark:text-blue-400" : "text-muted-foreground"} `,
               children: title
             }
           )
@@ -22520,7 +22520,7 @@ function OrderConfirmationWizard({
             /* @__PURE__ */ jsx(
               "p",
               {
-                className: "text-sm text-gray-500 dark:text-gray-400",
+                className: "text-muted-foreground text-sm",
                 "data-slot": "ocw-summary-subtitle",
                 children: order.serviceName
               }
@@ -22543,7 +22543,7 @@ function OrderConfirmationWizard({
         /* @__PURE__ */ jsx(
           "p",
           {
-            className: "text-sm text-gray-600 dark:text-gray-400",
+            className: "text-muted-foreground text-sm",
             "data-slot": "ocw-step-desc",
             children: "Please verify the following information matches the employee present."
           }
@@ -22555,19 +22555,19 @@ function OrderConfirmationWizard({
             "data-slot": "ocw-detail-grid",
             children: [
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Employee Name" }),
+                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: "Employee Name" }),
                 /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: order.employeeName })
               ] }),
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Date of Birth" }),
+                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: "Date of Birth" }),
                 /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: order.dateOfBirth || "N/A" })
               ] }),
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Employer" }),
+                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: "Employer" }),
                 /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: order.employerName })
               ] }),
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Scheduled" }),
+                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: "Scheduled" }),
                 /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: formatDate4(order.scheduledDate) })
               ] })
             ]
@@ -22636,7 +22636,7 @@ function OrderConfirmationWizard({
         /* @__PURE__ */ jsx(
           "p",
           {
-            className: "text-sm text-gray-600 dark:text-gray-400",
+            className: "text-muted-foreground text-sm",
             "data-slot": "ocw-step-desc",
             children: "Obtain consent and verify government-issued identification."
           }
@@ -22670,7 +22670,7 @@ function OrderConfirmationWizard({
                 /* @__PURE__ */ jsx(
                   "p",
                   {
-                    className: "text-sm text-gray-500 dark:text-gray-400",
+                    className: "text-muted-foreground text-sm",
                     "data-slot": "ocw-checkbox-card-desc",
                     children: "Employee has provided written or verbal consent for the requested services"
                   }
@@ -22707,7 +22707,7 @@ function OrderConfirmationWizard({
                 /* @__PURE__ */ jsx(
                   "p",
                   {
-                    className: "mb-2 text-sm text-gray-500 dark:text-gray-400",
+                    className: "text-muted-foreground mb-2 text-sm",
                     "data-slot": "ocw-checkbox-card-desc",
                     children: "Government-issued photo ID matches employee information"
                   }
@@ -22738,7 +22738,7 @@ function OrderConfirmationWizard({
         /* @__PURE__ */ jsx(
           "p",
           {
-            className: "text-sm text-gray-600 dark:text-gray-400",
+            className: "text-muted-foreground text-sm",
             "data-slot": "ocw-step-desc",
             children: "Review the verification steps before proceeding."
           }
@@ -23083,7 +23083,7 @@ function OrderList({
                         "data-slot": "order-list-tab",
                         className: cn(
                           "rounded-lg px-4 py-2 text-sm font-medium whitespace-nowrap transition-colors",
-                          activeTab === tab.id ? "bg-blue-100 text-blue-700 dark:bg-blue-900/50 dark:text-blue-300" : "text-gray-600 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
+                          activeTab === tab.id ? "bg-blue-100 text-blue-700 dark:bg-blue-900/50 dark:text-blue-300" : "text-muted-foreground hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800 dark:hover:text-gray-200"
                         ),
                         children: [
                           tab.label,
@@ -23093,7 +23093,7 @@ function OrderList({
                               "data-slot": "order-list-tab-count",
                               className: cn(
                                 "ml-2 rounded-full px-2 py-0.5 text-xs",
-                                activeTab === tab.id ? "bg-blue-200 text-blue-800 dark:bg-blue-800 dark:text-blue-200" : "bg-gray-200 text-gray-600 dark:bg-gray-700 dark:text-gray-400"
+                                activeTab === tab.id ? "bg-blue-200 text-blue-800 dark:bg-blue-800 dark:text-blue-200" : "text-muted-foreground bg-gray-200 dark:bg-gray-700"
                               ),
                               children: count
                             }
@@ -23210,7 +23210,7 @@ function OrderList({
               /* @__PURE__ */ jsx(
                 "p",
                 {
-                  className: "text-gray-500 dark:text-gray-400",
+                  className: "text-muted-foreground",
                   "data-slot": "order-list-empty-message",
                   children: emptyMessage
                 }
@@ -23288,7 +23288,7 @@ function OrderLookupForm({
     ),
     /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center bg-white p-8 md:w-1/2 dark:bg-gray-900", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md", children: [
       /* @__PURE__ */ jsx("h2", { className: "mb-2 text-2xl font-bold text-gray-900 dark:text-white", children: "Order Lookup" }),
-      /* @__PURE__ */ jsx("p", { className: "mb-6 text-gray-600 dark:text-gray-400", children: "Enter your order details to view your information." }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-6", children: "Enter your order details to view your information." }),
       /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
         (errorMessage || notFound) && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-red-200 bg-red-50 p-3 dark:border-red-800 dark:bg-red-900/20", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600 dark:text-red-400", children: errorMessage || "Order not found. Please check your information and try again." }) }),
         /* @__PURE__ */ jsx(
@@ -23370,7 +23370,7 @@ function OrderLookupForm({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("p", { className: "mt-6 text-center text-xs text-gray-500 dark:text-gray-400", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground mt-6 text-center text-xs", children: [
         "Need help?",
         " ",
         /* @__PURE__ */ jsx(
@@ -23427,11 +23427,11 @@ function OrderSidebar({
   const getPriorityColor = () => {
     switch (priority) {
       case "stat":
-        return "text-red-600 dark:text-red-400";
+        return "text-red-700 dark:text-red-400";
       case "urgent":
-        return "text-orange-600 dark:text-orange-400";
+        return "text-orange-700 dark:text-orange-400";
       default:
-        return "text-gray-600 dark:text-gray-400";
+        return "text-muted-foreground";
     }
   };
   if (!open) return null;
@@ -23446,7 +23446,7 @@ function OrderSidebar({
       }
     ),
     /* @__PURE__ */ jsxs(
-      "aside",
+      "div",
       {
         "data-slot": "order-sidebar",
         className: `fixed top-0 right-0 z-50 h-full w-full max-w-md translate-x-0 transform bg-white shadow-xl transition-transform duration-300 dark:bg-gray-900 ${className}`,
@@ -23462,7 +23462,7 @@ function OrderSidebar({
               children: [
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "Order Details" }),
-                  orderId && /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
+                  orderId && /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm", children: [
                     "#",
                     orderId
                   ] })
@@ -23476,7 +23476,7 @@ function OrderSidebar({
                     children: /* @__PURE__ */ jsx(
                       "svg",
                       {
-                        className: "h-5 w-5 text-gray-500",
+                        className: "text-muted-foreground h-5 w-5",
                         fill: "none",
                         stroke: "currentColor",
                         viewBox: "0 0 24 24",
@@ -23519,48 +23519,46 @@ function OrderSidebar({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs("dl", { "data-slot": "order-sidebar-details", className: "space-y-4", children: [
-                  patientName && /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", children: [
-                    /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium tracking-wide text-gray-500 uppercase dark:text-gray-400", children: "Patient" }),
-                    /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: patientName })
-                  ] }),
-                  employerName && /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", children: [
-                    /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium tracking-wide text-gray-500 uppercase dark:text-gray-400", children: "Employer" }),
-                    /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: employerName })
-                  ] }),
-                  serviceName && /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", children: [
-                    /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium tracking-wide text-gray-500 uppercase dark:text-gray-400", children: "Service" }),
-                    /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: serviceName })
-                  ] }),
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      "data-slot": "order-sidebar-detail",
-                      className: "grid grid-cols-2 gap-4",
-                      children: [
-                        /* @__PURE__ */ jsxs("div", { children: [
-                          /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium tracking-wide text-gray-500 uppercase dark:text-gray-400", children: "Created" }),
-                          /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: formatDate4(createdAt) })
-                        ] }),
-                        /* @__PURE__ */ jsxs("div", { children: [
-                          /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium tracking-wide text-gray-500 uppercase dark:text-gray-400", children: "Scheduled" }),
-                          /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: formatDate4(scheduledDate) })
-                        ] })
-                      ]
-                    }
-                  ),
-                  notes && /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", children: [
-                    /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium tracking-wide text-gray-500 uppercase dark:text-gray-400", children: "Notes" }),
-                    /* @__PURE__ */ jsx(
-                      "dd",
-                      {
-                        "data-slot": "order-sidebar-notes",
-                        className: "mt-1 rounded-lg bg-gray-50 p-3 text-sm text-gray-600 dark:bg-gray-800 dark:text-gray-300",
-                        children: notes
-                      }
-                    )
-                  ] })
-                ] }),
+                /* @__PURE__ */ jsxs(
+                  "dl",
+                  {
+                    "data-slot": "order-sidebar-details",
+                    className: "grid grid-cols-2 gap-4",
+                    children: [
+                      patientName && /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", className: "col-span-2", children: [
+                        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Patient" }),
+                        /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: patientName })
+                      ] }),
+                      employerName && /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", className: "col-span-2", children: [
+                        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Employer" }),
+                        /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: employerName })
+                      ] }),
+                      serviceName && /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", className: "col-span-2", children: [
+                        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Service" }),
+                        /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: serviceName })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", children: [
+                        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Created" }),
+                        /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: formatDate4(createdAt) })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", children: [
+                        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Scheduled" }),
+                        /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: formatDate4(scheduledDate) })
+                      ] }),
+                      notes && /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", className: "col-span-2", children: [
+                        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Notes" }),
+                        /* @__PURE__ */ jsx(
+                          "dd",
+                          {
+                            "data-slot": "order-sidebar-notes",
+                            className: "text-muted-foreground mt-1 rounded-lg bg-gray-50 p-3 text-sm dark:bg-gray-800",
+                            children: notes
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                ),
                 children && /* @__PURE__ */ jsx("div", { className: "mt-6", children })
               ]
             }
@@ -23630,7 +23628,7 @@ function PageHeader({
                       "div",
                       {
                         "data-slot": "page-header-icon",
-                        className: `flex-shrink-0 text-gray-500 dark:text-gray-400 ${iconAlign === "top" ? "mt-1" : ""}`,
+                        className: `text-muted-foreground flex-shrink-0 ${iconAlign === "top" ? "mt-1" : ""}`,
                         children: icon
                       }
                     ),
@@ -23647,7 +23645,7 @@ function PageHeader({
                         "p",
                         {
                           "data-slot": "page-header-subtitle",
-                          className: "mt-1 truncate text-sm text-gray-500 dark:text-gray-400",
+                          className: "text-muted-foreground mt-1 truncate text-sm",
                           children: subtitle
                         }
                       )
@@ -24750,7 +24748,7 @@ function PaymentHistoryTable({
           /* @__PURE__ */ jsx(
             "svg",
             {
-              className: "mx-auto mb-3 h-12 w-12 text-gray-400 dark:text-gray-600",
+              className: "text-muted-foreground dark:text-muted-foreground mx-auto mb-3 h-12 w-12",
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24",
@@ -24765,14 +24763,7 @@ function PaymentHistoryTable({
               )
             }
           ),
-          /* @__PURE__ */ jsx(
-            "p",
-            {
-              "data-slot": "payment-history-empty",
-              className: "text-gray-500 dark:text-gray-400",
-              children: emptyMessage
-            }
-          )
+          /* @__PURE__ */ jsx("p", { "data-slot": "payment-history-empty", className: "text-muted-foreground", children: emptyMessage })
         ]
       }
     );
@@ -24784,13 +24775,13 @@ function PaymentHistoryTable({
       className: `overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700 ${className}`,
       children: /* @__PURE__ */ jsxs("table", { "data-slot": "payment-history-table", className: "w-full", children: [
         /* @__PURE__ */ jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: /* @__PURE__ */ jsxs("tr", { children: [
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase dark:text-gray-400", children: "Date" }),
-          /* @__PURE__ */ jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase sm:table-cell dark:text-gray-400", children: "Invoice" }),
-          /* @__PURE__ */ jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase md:table-cell dark:text-gray-400", children: "Employer" }),
-          /* @__PURE__ */ jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase lg:table-cell dark:text-gray-400", children: "Method" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-right text-xs font-medium tracking-wider text-gray-500 uppercase dark:text-gray-400", children: "Amount" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-center text-xs font-medium tracking-wider text-gray-500 uppercase dark:text-gray-400", children: "Status" }),
-          onRefund && /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-right text-xs font-medium tracking-wider text-gray-500 uppercase dark:text-gray-400", children: "Action" })
+          /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-left text-xs font-medium tracking-wider uppercase", children: "Date" }),
+          /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase sm:table-cell", children: "Invoice" }),
+          /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase md:table-cell", children: "Employer" }),
+          /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase lg:table-cell", children: "Method" }),
+          /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-right text-xs font-medium tracking-wider uppercase", children: "Amount" }),
+          /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-center text-xs font-medium tracking-wider uppercase", children: "Status" }),
+          onRefund && /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-right text-xs font-medium tracking-wider uppercase", children: "Action" })
         ] }) }),
         /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: payments.map((payment) => /* @__PURE__ */ jsxs(
           "tr",
@@ -24801,7 +24792,7 @@ function PaymentHistoryTable({
             children: [
               /* @__PURE__ */ jsxs("td", { className: "px-4 py-3", children: [
                 /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: formatDate4(payment.date) }),
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 sm:hidden dark:text-gray-400", children: payment.invoiceNumber })
+                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs sm:hidden", children: payment.invoiceNumber })
               ] }),
               /* @__PURE__ */ jsx("td", { className: "hidden px-4 py-3 sm:table-cell", children: payment.invoiceId && onInvoiceClick ? /* @__PURE__ */ jsx(
                 "button",
@@ -24815,7 +24806,7 @@ function PaymentHistoryTable({
                 }
               ) : /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-700 dark:text-gray-300", children: payment.invoiceNumber }) }),
               /* @__PURE__ */ jsx("td", { className: "hidden px-4 py-3 md:table-cell", children: /* @__PURE__ */ jsx("p", { className: "max-w-[150px] truncate text-sm text-gray-700 dark:text-gray-300", children: payment.employerName }) }),
-              /* @__PURE__ */ jsx("td", { className: "hidden px-4 py-3 lg:table-cell", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-gray-500 dark:text-gray-400", children: [
+              /* @__PURE__ */ jsx("td", { className: "hidden px-4 py-3 lg:table-cell", children: /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-center gap-2", children: [
                 getMethodIcon(payment.method),
                 /* @__PURE__ */ jsxs("span", { className: "text-sm", children: [
                   getMethodLabel(payment.method),
@@ -24825,7 +24816,7 @@ function PaymentHistoryTable({
               /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsx(
                 "p",
                 {
-                  className: `font-medium ${payment.status === "refunded" ? "text-gray-500 line-through dark:text-gray-400" : "text-gray-900 dark:text-white"}`,
+                  className: `font-medium ${payment.status === "refunded" ? "text-muted-foreground line-through" : "text-gray-900 dark:text-white"}`,
                   children: formatCurrency3(payment.amount)
                 }
               ) }),
@@ -24925,7 +24916,7 @@ function PaymentMethodCard({
                 /* @__PURE__ */ jsx(
                   "span",
                   {
-                    className: "text-xs font-medium text-gray-600 uppercase dark:text-gray-400",
+                    className: "text-muted-foreground text-xs font-medium uppercase",
                     "data-slot": "payment-card-label",
                     children: "Credit Card"
                   }
@@ -24953,7 +24944,7 @@ function PaymentMethodCard({
                 "\u2022\u2022\u2022\u2022 ",
                 card.last4
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
+              /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground text-sm", children: [
                 expMonth,
                 "/",
                 expYear
@@ -24980,7 +24971,7 @@ function PaymentMethodCard({
                     className: "text-brand-600 focus:ring-brand-500"
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-600 dark:text-gray-400", children: "Set as default" })
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: "Set as default" })
               ] }) : /* @__PURE__ */ jsx("div", {}),
               showDelete && onDelete && /* @__PURE__ */ jsx(
                 "button",
@@ -25055,11 +25046,11 @@ function PaymentMethodBank({
             "data-slot": "payment-bank-header",
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(BankIcon, { className: "h-5 w-5 text-gray-600 dark:text-gray-400" }),
+                /* @__PURE__ */ jsx(BankIcon, { className: "text-muted-foreground h-5 w-5" }),
                 /* @__PURE__ */ jsx(
                   "span",
                   {
-                    className: "text-xs font-medium text-gray-600 uppercase dark:text-gray-400",
+                    className: "text-muted-foreground text-xs font-medium uppercase",
                     "data-slot": "payment-bank-label",
                     children: "ACH"
                   }
@@ -25075,13 +25066,13 @@ function PaymentMethodBank({
         ),
         /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-1", "data-slot": "payment-bank-details", children: [
           account.bankName && /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: account.bankName }),
-          /* @__PURE__ */ jsxs("div", { className: "font-mono text-sm text-gray-600 dark:text-gray-400", children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground font-mono text-sm", children: [
             /* @__PURE__ */ jsx("span", { className: "hidden lg:inline", children: "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 " }),
             "\u2022\u2022\u2022\u2022",
             " ",
             account.last4
           ] }),
-          account.accountType && /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500 capitalize dark:text-gray-500", children: account.accountType })
+          account.accountType && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-xs capitalize", children: account.accountType })
         ] }),
         /* @__PURE__ */ jsxs(
           "div",
@@ -25102,7 +25093,7 @@ function PaymentMethodBank({
                     className: "text-brand-600 focus:ring-brand-500"
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-600 dark:text-gray-400", children: "Set as default" })
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: "Set as default" })
               ] }) : /* @__PURE__ */ jsx("div", {}),
               showDelete && onDelete && /* @__PURE__ */ jsx(
                 "button",
@@ -25310,7 +25301,7 @@ function PendingClaimsTable({
           /* @__PURE__ */ jsx(
             "svg",
             {
-              className: "mx-auto mb-3 h-12 w-12 text-gray-400 dark:text-gray-600",
+              className: "text-muted-foreground dark:text-muted-foreground mx-auto mb-3 h-12 w-12",
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24",
@@ -25325,14 +25316,7 @@ function PendingClaimsTable({
               )
             }
           ),
-          /* @__PURE__ */ jsx(
-            "p",
-            {
-              "data-slot": "pending-claims-empty",
-              className: "text-gray-500 dark:text-gray-400",
-              children: emptyMessage
-            }
-          )
+          /* @__PURE__ */ jsx("p", { "data-slot": "pending-claims-empty", className: "text-muted-foreground", children: emptyMessage })
         ]
       }
     );
@@ -25345,11 +25329,11 @@ function PendingClaimsTable({
       children: [
         /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsxs("table", { "data-slot": "pending-claims-table", className: "w-full", children: [
           /* @__PURE__ */ jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: /* @__PURE__ */ jsxs("tr", { children: [
-            /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase dark:text-gray-400", children: "Claimant" }),
-            /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase dark:text-gray-400", children: "Role" }),
-            /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase dark:text-gray-400", children: "Submitted" }),
-            /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-center text-xs font-medium tracking-wider text-gray-500 uppercase dark:text-gray-400", children: "Status" }),
-            /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-right text-xs font-medium tracking-wider text-gray-500 uppercase dark:text-gray-400", children: "Actions" })
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-left text-xs font-medium tracking-wider uppercase", children: "Claimant" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-left text-xs font-medium tracking-wider uppercase", children: "Role" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-left text-xs font-medium tracking-wider uppercase", children: "Submitted" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-center text-xs font-medium tracking-wider uppercase", children: "Status" }),
+            /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-right text-xs font-medium tracking-wider uppercase", children: "Actions" })
           ] }) }),
           /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: claims.map((claim) => /* @__PURE__ */ jsxs(
             "tr",
@@ -25361,11 +25345,11 @@ function PendingClaimsTable({
                   /* @__PURE__ */ jsx(Avatar, { name: claim.claimantName, size: "sm" }),
                   /* @__PURE__ */ jsxs("div", { children: [
                     /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: claim.claimantName }),
-                    /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: claim.claimantEmail })
+                    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: claim.claimantEmail })
                   ] })
                 ] }) }),
                 /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-700 dark:text-gray-300", children: claim.claimantRole || "Not specified" }) }),
-                /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: formatDate4(claim.submittedDate) }) }),
+                /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: formatDate4(claim.submittedDate) }) }),
                 /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-center", children: /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(claim.status), children: claim.status }) }),
                 /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
                   onViewDetails && /* @__PURE__ */ jsx(
@@ -25420,12 +25404,12 @@ function PendingClaimsTable({
                       /* @__PURE__ */ jsx(Avatar, { name: claim.claimantName, size: "sm" }),
                       /* @__PURE__ */ jsxs("div", { children: [
                         /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: claim.claimantName }),
-                        /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: claim.claimantEmail })
+                        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: claim.claimantEmail })
                       ] })
                     ] }),
                     /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(claim.status), children: claim.status })
                   ] }),
-                  /* @__PURE__ */ jsx("div", { className: "mt-3 flex items-center justify-between", children: /* @__PURE__ */ jsxs("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
+                  /* @__PURE__ */ jsx("div", { className: "mt-3 flex items-center justify-between", children: /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground text-sm", children: [
                     /* @__PURE__ */ jsx("span", { children: claim.claimantRole || "No role" }),
                     /* @__PURE__ */ jsx("span", { className: "mx-2", children: "\u2022" }),
                     /* @__PURE__ */ jsx("span", { children: formatDate4(claim.submittedDate) })
@@ -26463,7 +26447,7 @@ var actionButtonVariants = cva(
   {
     variants: {
       variant: {
-        default: "text-gray-600 hover:text-primary-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:text-primary-400 dark:hover:bg-gray-800",
+        default: "text-muted-foreground hover:text-primary-800 hover:bg-gray-50  dark:hover:text-primary-400 dark:hover:bg-gray-800",
         active: "text-primary-800 bg-primary-50 dark:text-primary-300 dark:bg-primary-900/20"
       }
     },
@@ -26579,7 +26563,7 @@ function Breadcrumb2({ items, className }) {
       "data-slot": "provider-detail-breadcrumb",
       className: cn("py-2", className),
       children: /* @__PURE__ */ jsx("ol", { className: "flex flex-wrap items-center gap-1 text-sm", children: items.map((item, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-center", children: [
-        index > 0 && /* @__PURE__ */ jsx(ChevronRightIcon, { className: "mx-2 h-4 w-4 text-gray-400 dark:text-gray-500" }),
+        index > 0 && /* @__PURE__ */ jsx(ChevronRightIcon, { className: "text-muted-foreground mx-2 h-4 w-4" }),
         index === items.length - 1 ? /* @__PURE__ */ jsx("span", { className: "max-w-[200px] truncate font-medium text-gray-900 dark:text-white", children: item.label }) : /* @__PURE__ */ jsx(
           "a",
           {
@@ -26606,7 +26590,7 @@ function MobileBackButton({
         "a",
         {
           href,
-          className: "bg-primary-700 hover:bg-primary-800 inline-flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-white transition-colors",
+          className: "bg-primary-800 hover:bg-primary-900 inline-flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-white transition-colors",
           children: [
             /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-4 w-4" }),
             label
@@ -26730,7 +26714,7 @@ function SocialMediaLinks({
           rel: "noopener noreferrer",
           title: `Visit ${providerName} on ${link.label}`,
           className: cn(
-            "hover:text-primary-600 dark:hover:text-primary-400 text-gray-500 transition-colors dark:text-gray-400",
+            "hover:text-primary-800 dark:hover:text-primary-400 text-muted-foreground transition-colors",
             socialIconSizes[size]
           ),
           children: [
@@ -26759,7 +26743,7 @@ function VerifiedBadge2({
     {
       "data-slot": "provider-detail-verified",
       className: cn(
-        "flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400",
+        "text-muted-foreground flex items-center gap-2 text-sm",
         className
       ),
       children: [
@@ -26802,20 +26786,14 @@ function AddressDisplay({
         target: "_blank",
         rel: "noopener noreferrer",
         className: cn(
-          "hover:text-primary-600 dark:hover:text-primary-400 text-gray-600 hover:underline dark:text-gray-300",
+          "hover:text-primary-800 dark:hover:text-primary-400 text-muted-foreground hover:underline",
           className
         ),
         children: addressContent
       }
     );
   }
-  return /* @__PURE__ */ jsx(
-    "address",
-    {
-      className: cn("text-gray-600 not-italic dark:text-gray-300", className),
-      children: addressContent
-    }
-  );
+  return /* @__PURE__ */ jsx("address", { className: cn("text-muted-foreground not-italic", className), children: addressContent });
 }
 function ClaimListingButton({
   slug,
@@ -26828,7 +26806,7 @@ function ClaimListingButton({
     {
       href: claimUrl,
       className: cn(
-        "hover:text-primary-600 dark:hover:text-primary-400 inline-flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400",
+        "hover:text-primary-800 dark:hover:text-primary-400 text-muted-foreground inline-flex items-center gap-2 text-sm",
         className
       ),
       children: [
@@ -26845,7 +26823,7 @@ function ReportLink({ slug, href, className }) {
     {
       href: reportUrl,
       className: cn(
-        "inline-flex items-center gap-2 text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300",
+        "text-muted-foreground inline-flex items-center gap-2 text-sm hover:text-gray-700 dark:hover:text-gray-300",
         className
       ),
       children: [
@@ -26865,7 +26843,7 @@ var bookButtonVariants = cva(
         lg: "px-6 py-3 text-lg"
       },
       variant: {
-        primary: "bg-primary-600 text-white hover:bg-primary-700 focus:ring-primary-500",
+        primary: "bg-primary-800 text-white hover:bg-primary-900 focus:ring-primary-500",
         outline: "border-2 border-primary-800 text-primary-800 hover:bg-primary-50 focus:ring-primary-500 dark:border-primary-300 dark:text-primary-300 dark:hover:bg-primary-900/20"
       }
     },
@@ -27041,7 +27019,7 @@ function CompactProviderHeader({
         showLogo && /* @__PURE__ */ jsx(ProviderLogo2, { src: provider.logoUrl, name: provider.name, size: "sm" }),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsx("h2", { className: "truncate text-lg font-semibold text-gray-900 dark:text-white", children: provider.name }),
-          /* @__PURE__ */ jsxs("p", { className: "truncate text-sm text-gray-500 dark:text-gray-400", children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground truncate text-sm", children: [
             provider.address.city,
             ", ",
             provider.address.state,
@@ -27521,7 +27499,7 @@ function ProviderOverview({
           ) : /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-lg bg-blue-100 dark:bg-blue-900/30", children: /* @__PURE__ */ jsx("span", { className: "text-xl font-bold text-blue-600 dark:text-blue-400", children: providerName.charAt(0) }) }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("h1", { className: "text-xl font-bold text-gray-900 dark:text-white", children: providerName }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Dashboard Overview" })
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Dashboard Overview" })
           ] })
         ]
       }
@@ -27654,7 +27632,7 @@ function ProviderOverview({
           },
           className: "flex flex-col items-center gap-2 rounded-lg border border-gray-200 p-3 transition-colors hover:bg-gray-50 dark:border-gray-700 dark:hover:bg-gray-800",
           children: [
-            /* @__PURE__ */ jsx("span", { className: "text-gray-500 dark:text-gray-400", children: action.icon || /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: action.icon || /* @__PURE__ */ jsx(
               "svg",
               {
                 className: "h-5 w-5",
@@ -27689,7 +27667,7 @@ function ProviderOverview({
           onKeyDown: (e) => e.key === "Enter" && onActivityClick?.(activity),
           className: `flex items-start gap-3 rounded-lg p-2 ${onActivityClick ? "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800" : ""} `,
           children: [
-            /* @__PURE__ */ jsx("div", { className: "rounded-full bg-gray-100 p-2 text-gray-500 dark:bg-gray-800 dark:text-gray-400", children: getActivityIcon(activity.type) }),
+            /* @__PURE__ */ jsx("div", { className: "text-muted-foreground rounded-full bg-gray-100 p-2 dark:bg-gray-800", children: getActivityIcon(activity.type) }),
             /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-gray-900 dark:text-white", children: activity.title }),
@@ -27701,8 +27679,8 @@ function ProviderOverview({
                   }
                 )
               ] }),
-              activity.description && /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-gray-500 dark:text-gray-400", children: activity.description }),
-              /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400", children: formatTime4(activity.timestamp) })
+              activity.description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground truncate text-sm", children: activity.description }),
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-0.5 text-xs", children: formatTime4(activity.timestamp) })
             ] })
           ]
         },
@@ -27731,7 +27709,7 @@ function StatCard({ label, value, icon, color, onClick }) {
         /* @__PURE__ */ jsx("div", { className: `rounded-lg p-2 ${colorClasses[color]}`, children: icon }),
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: value }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: label })
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: label })
         ] })
       ] })
     }
@@ -28425,7 +28403,7 @@ function ServiceMultiSelect({
             className: cn(
               selectVariants(),
               "w-full text-left",
-              !selectedServices.length && "text-neutral-500 dark:text-neutral-400",
+              !selectedServices.length && "text-muted-foreground",
               disabled && "cursor-not-allowed opacity-50"
             ),
             children: selectedServices.length > 0 ? `${selectedServices.length} service${selectedServices.length > 1 ? "s" : ""} selected` : placeholder
@@ -28482,7 +28460,7 @@ function ServiceMultiSelect({
                               {
                                 className: cn(
                                   "flex h-4 w-4 items-center justify-center rounded border",
-                                  isSelected ? "bg-primary-500 border-primary-500 text-white" : "border-neutral-300 dark:border-neutral-600"
+                                  isSelected ? "bg-primary-800 border-primary-500 text-white" : "border-neutral-300 dark:border-neutral-600"
                                 ),
                                 children: isSelected && /* @__PURE__ */ jsx(
                                   "svg",
@@ -28508,7 +28486,7 @@ function ServiceMultiSelect({
                     );
                   })
                 ] }, category)
-              ) : /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-center text-sm text-neutral-500 dark:text-neutral-400", children: "No services found" }),
+              ) : /* @__PURE__ */ jsx("div", { className: "text-muted-foreground px-3 py-4 text-center text-sm", children: "No services found" }),
               selectedServices.length > 0 && /* @__PURE__ */ jsx("div", { className: "sticky bottom-0 border-t border-neutral-200 bg-white p-2 dark:border-neutral-700 dark:bg-neutral-800", children: /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -28738,7 +28716,7 @@ function CompactFilterBar({
             disabled: loading,
             className: cn(
               "h-9 rounded-md px-4 text-sm font-medium",
-              "bg-primary-500 hover:bg-primary-600 text-white",
+              "bg-primary-800 hover:bg-primary-900 text-white",
               "focus:ring-primary-500 focus:ring-2 focus:ring-offset-2 focus:outline-none",
               "disabled:cursor-not-allowed disabled:opacity-50"
             ),
@@ -28819,7 +28797,7 @@ function ActiveFilters({
       className: cn("flex flex-wrap items-center gap-2", className),
       "data-slot": "provider-active-filters",
       children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Active filters:" }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "Active filters:" }),
         activeFilters.map((filter) => /* @__PURE__ */ jsxs(
           "span",
           {
@@ -28849,7 +28827,7 @@ function ActiveFilters({
           {
             type: "button",
             onClick: onClearAll,
-            className: "text-primary-600 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-300 text-sm",
+            className: "text-primary-800 hover:text-primary-900 dark:text-primary-400 dark:hover:text-primary-300 text-sm",
             children: "Clear all"
           }
         )
@@ -29533,7 +29511,7 @@ function ProviderSettings({
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-700 dark:text-gray-300", children: "New Orders" }),
-                  /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Receive email when a new order is placed" })
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Receive email when a new order is placed" })
                 ] }),
                 /* @__PURE__ */ jsx(
                   Switch,
@@ -29546,7 +29524,7 @@ function ProviderSettings({
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-700 dark:text-gray-300", children: "Order Updates" }),
-                  /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Receive email when an order status changes" })
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Receive email when an order status changes" })
                 ] }),
                 /* @__PURE__ */ jsx(
                   Switch,
@@ -29559,7 +29537,7 @@ function ProviderSettings({
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-700 dark:text-gray-300", children: "Invoice Notifications" }),
-                  /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Receive email for invoice activity" })
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Receive email for invoice activity" })
                 ] }),
                 /* @__PURE__ */ jsx(
                   Switch,
@@ -29577,7 +29555,7 @@ function ProviderSettings({
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-700 dark:text-gray-300", children: "New Orders" }),
-                  /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Receive SMS when a new order is placed" })
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Receive SMS when a new order is placed" })
                 ] }),
                 /* @__PURE__ */ jsx(
                   Switch,
@@ -29590,7 +29568,7 @@ function ProviderSettings({
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-700 dark:text-gray-300", children: "Order Updates" }),
-                  /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Receive SMS when an order status changes" })
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Receive SMS when an order status changes" })
                 ] }),
                 /* @__PURE__ */ jsx(
                   Switch,
@@ -29611,7 +29589,7 @@ function ProviderSettings({
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-700 dark:text-gray-300", children: "Accepting New Patients" }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Allow new patients to schedule appointments" })
+                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Allow new patients to schedule appointments" })
               ] }),
               /* @__PURE__ */ jsx(
                 Switch,
@@ -29624,7 +29602,7 @@ function ProviderSettings({
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-700 dark:text-gray-300", children: "Require Appointment" }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Patients must schedule before arriving" })
+                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Patients must schedule before arriving" })
               ] }),
               /* @__PURE__ */ jsx(
                 Switch,
@@ -29658,7 +29636,7 @@ function ProviderSettings({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: "Minimum time between appointments" })
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: "Minimum time between appointments" })
             ] }),
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx(
@@ -29682,7 +29660,7 @@ function ProviderSettings({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: "Maximum appointments allowed per day" })
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: "Maximum appointments allowed per day" })
             ] })
           ] })
         ] })
@@ -29698,7 +29676,7 @@ function ProviderSettings({
                   /* @__PURE__ */ jsx(
                     "svg",
                     {
-                      className: "h-8 w-8 text-gray-600 dark:text-gray-300",
+                      className: "text-muted-foreground h-8 w-8",
                       fill: "none",
                       stroke: "currentColor",
                       viewBox: "0 0 24 24",
@@ -29728,7 +29706,7 @@ function ProviderSettings({
                   /* @__PURE__ */ jsx(
                     "svg",
                     {
-                      className: "h-8 w-8 text-gray-600 dark:text-gray-300",
+                      className: "text-muted-foreground h-8 w-8",
                       fill: "none",
                       stroke: "currentColor",
                       viewBox: "0 0 24 24",
@@ -29758,7 +29736,7 @@ function ProviderSettings({
                   /* @__PURE__ */ jsx(
                     "svg",
                     {
-                      className: "h-8 w-8 text-gray-600 dark:text-gray-300",
+                      className: "text-muted-foreground h-8 w-8",
                       fill: "none",
                       stroke: "currentColor",
                       viewBox: "0 0 24 24",
@@ -29788,7 +29766,7 @@ function ProviderSettings({
                   /* @__PURE__ */ jsx(
                     "svg",
                     {
-                      className: "h-8 w-8 text-gray-600 dark:text-gray-300",
+                      className: "text-muted-foreground h-8 w-8",
                       fill: "none",
                       stroke: "currentColor",
                       viewBox: "0 0 24 24",
@@ -29837,7 +29815,7 @@ function ProviderSettings({
                 )
               }
             ),
-            /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: "Number of days until invoice is due (e.g., Net 30)" })
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: "Number of days until invoice is due (e.g., Net 30)" })
           ] }) })
         ] })
       ] }) }) })
@@ -29945,33 +29923,27 @@ function ProviderUsersTable({
     )) });
   }
   if (users.length === 0) {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `py-12 text-center text-gray-500 dark:text-gray-400 ${className}`,
-        children: [
-          /* @__PURE__ */ jsx(
-            "svg",
+    return /* @__PURE__ */ jsxs("div", { className: `text-muted-foreground py-12 text-center ${className}`, children: [
+      /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "mx-auto h-12 w-12 text-gray-400",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ jsx(
+            "path",
             {
-              className: "mx-auto h-12 w-12 text-gray-400",
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ jsx(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 1.5,
-                  d: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
-                }
-              )
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 1.5,
+              d: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
             }
-          ),
-          /* @__PURE__ */ jsx("p", { className: "mt-2", children: emptyMessage })
-        ]
-      }
-    );
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "mt-2", children: emptyMessage })
+    ] });
   }
   return /* @__PURE__ */ jsx(
     "div",
@@ -29995,14 +29967,14 @@ function ProviderUsersTable({
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsxs("p", { className: "font-medium text-gray-900 dark:text-white", children: [
                   user.name,
-                  isCurrentUser && /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-xs text-gray-500", children: "(you)" })
+                  isCurrentUser && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ml-1.5 text-xs", children: "(you)" })
                 ] }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: user.email })
+                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: user.email })
               ] })
             ] }) }),
             /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: user.role }) }),
             /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(user.status), children: user.status || "active" }) }),
-            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: isPending ? `Invited ${formatDate4(user.invitedAt)}` : formatDate4(user.lastActive) }) }),
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: isPending ? `Invited ${formatDate4(user.invitedAt)}` : formatDate4(user.lastActive) }) }),
             showActions && /* @__PURE__ */ jsx(TableCell, { className: "text-right", children: /* @__PURE__ */ jsx(
               RowActionsMenu,
               {
@@ -30185,7 +30157,7 @@ function RecurringServiceCard({
     },
     primary: {
       border: "border-primary/30",
-      icon: /* @__PURE__ */ jsx("span", { className: "bg-primary text-primary-foreground flex h-5 w-5 shrink-0 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx(
+      icon: /* @__PURE__ */ jsx("span", { className: "bg-primary-800 text-primary-foreground flex h-5 w-5 shrink-0 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx(
         "svg",
         {
           className: "h-3 w-3",
@@ -30425,7 +30397,7 @@ function RecurringServiceSetupModal({
       ),
       "data-slot": "recurring-service-modal",
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "bg-primary text-primary-foreground flex items-center justify-between p-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "bg-primary-800 text-primary-foreground flex items-center justify-between p-4", children: [
           /* @__PURE__ */ jsx("h4", { className: "text-lg font-semibold", children: title }),
           /* @__PURE__ */ jsx(
             "button",
@@ -30521,7 +30493,7 @@ function RecurringServiceSetupModal({
               {
                 type: "submit",
                 disabled: saving,
-                className: "bg-primary text-primary-foreground hover:bg-primary/90 disabled:bg-muted disabled:text-muted-foreground rounded-lg px-4 py-2 transition-colors",
+                className: "bg-primary-800 hover:bg-primary-900 disabled:bg-muted disabled:text-muted-foreground text-primary-foreground rounded-lg px-4 py-2 transition-colors",
                 children: saving ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx("i", { className: "fas fa-spinner fa-spin" }),
                   "Saving..."
@@ -30788,7 +30760,7 @@ function ReportDashboard({
       case "down":
         return "text-red-700 dark:text-red-300";
       default:
-        return "text-gray-500 dark:text-gray-400";
+        return "text-muted-foreground";
     }
   };
   const getTrendIcon = (trend) => {
@@ -30867,7 +30839,7 @@ function ReportDashboard({
         children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: title }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: dateRangeLabel })
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: dateRangeLabel })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ jsx(
@@ -30912,7 +30884,7 @@ function ReportDashboard({
         "data-slot": "report-dashboard-metrics",
         className: "grid grid-cols-2 gap-4 md:grid-cols-4",
         children: metrics.map((metric, index) => /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "p-4", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: metric.label }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: metric.label }),
           /* @__PURE__ */ jsx("p", { className: "mt-1 text-2xl font-bold text-gray-900 dark:text-white", children: typeof metric.value === "number" ? metric.label.toLowerCase().includes("revenue") || metric.label.toLowerCase().includes("amount") ? formatCurrency3(metric.value) : formatNumber(metric.value) : metric.value }),
           (metric.change !== void 0 || metric.changeLabel) && /* @__PURE__ */ jsxs(
             "div",
@@ -30960,7 +30932,7 @@ function ReportDashboard({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx("span", { className: "w-full truncate text-center text-xs text-gray-500 dark:text-gray-400", children: point.label })
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground w-full truncate text-center text-xs", children: point.label })
             ]
           },
           index
@@ -30968,11 +30940,11 @@ function ReportDashboard({
         /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center justify-center gap-4 text-sm", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded bg-blue-500 dark:bg-blue-400" }),
-            /* @__PURE__ */ jsx("span", { className: "text-gray-600 dark:text-gray-300", children: "Current Period" })
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Current Period" })
           ] }),
           chartData.some((d) => d.previousValue !== void 0) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded bg-gray-200 dark:bg-gray-700" }),
-            /* @__PURE__ */ jsx("span", { className: "text-gray-600 dark:text-gray-300", children: "Previous Period" })
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Previous Period" })
           ] })
         ] })
       ] })
@@ -30997,7 +30969,7 @@ function ReportDashboard({
               /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                   /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: service.name }),
-                  /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300", children: formatNumber(service.value) })
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: formatNumber(service.value) })
                 ] }),
                 service.percentage !== void 0 && /* @__PURE__ */ jsx("div", { className: "mt-1 h-2 overflow-hidden rounded-full bg-gray-100 dark:bg-gray-800", children: /* @__PURE__ */ jsx(
                   "div",
@@ -31023,7 +30995,7 @@ function ReportDashboard({
               /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                   /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: employer.name }),
-                  /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300", children: formatCurrency3(employer.value) })
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: formatCurrency3(employer.value) })
                 ] }),
                 employer.percentage !== void 0 && /* @__PURE__ */ jsx("div", { className: "mt-1 h-2 overflow-hidden rounded-full bg-gray-100 dark:bg-gray-800", children: /* @__PURE__ */ jsx(
                   "div",
@@ -31727,7 +31699,7 @@ function ScheduleCalendar({
                   {
                     className: `flex-1 border-l border-gray-200 p-2 text-center dark:border-gray-700 ${isSameDay(date, /* @__PURE__ */ new Date()) ? "bg-blue-50 dark:bg-blue-900/20" : ""}`,
                     children: [
-                      /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: date.toLocaleDateString("en-US", { weekday: "short" }) }),
+                      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: date.toLocaleDateString("en-US", { weekday: "short" }) }),
                       /* @__PURE__ */ jsx(
                         "p",
                         {
@@ -31751,7 +31723,7 @@ function ScheduleCalendar({
                 children: hours.map((hour) => /* @__PURE__ */ jsx(
                   "div",
                   {
-                    className: "h-16 pr-2 text-right text-xs text-gray-500 dark:text-gray-400",
+                    className: "text-muted-foreground h-16 pr-2 text-right text-xs",
                     children: new Date(2e3, 0, 1, hour).toLocaleTimeString("en-US", {
                       hour: "numeric",
                       hour12: true
@@ -31830,19 +31802,19 @@ function ScheduleCalendar({
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
                 /* @__PURE__ */ jsx("span", { className: "h-3 w-3 rounded bg-blue-700" }),
-                /* @__PURE__ */ jsx("span", { className: "text-gray-600 dark:text-gray-400", children: "Confirmed" })
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Confirmed" })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
                 /* @__PURE__ */ jsx("span", { className: "h-3 w-3 rounded bg-yellow-700" }),
-                /* @__PURE__ */ jsx("span", { className: "text-gray-600 dark:text-gray-400", children: "Pending" })
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Pending" })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
                 /* @__PURE__ */ jsx("span", { className: "h-3 w-3 rounded bg-green-700" }),
-                /* @__PURE__ */ jsx("span", { className: "text-gray-600 dark:text-gray-400", children: "Completed" })
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Completed" })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
                 /* @__PURE__ */ jsx("span", { className: "h-3 w-3 rounded bg-gray-600" }),
-                /* @__PURE__ */ jsx("span", { className: "text-gray-600 dark:text-gray-400", children: "Cancelled" })
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Cancelled" })
               ] })
             ]
           }
@@ -31901,7 +31873,7 @@ var serviceLinkVariants = cva(
   [
     "flex items-center gap-2 py-2 px-3 rounded-md",
     "text-neutral-700 dark:text-neutral-300",
-    "hover:bg-neutral-100 dark:hover:bg-neutral-700/50 hover:text-primary-600 dark:hover:text-primary-400",
+    "hover:bg-neutral-100 dark:hover:bg-neutral-700/50 hover:text-primary-800 dark:hover:text-primary-400",
     "transition-colors",
     "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
   ],
@@ -31977,7 +31949,7 @@ function ServiceLink({
       children: [
         /* @__PURE__ */ jsx(LinkIcon, { className: "flex-shrink-0 text-neutral-400" }),
         /* @__PURE__ */ jsx("span", { className: "flex-grow", children: service.name }),
-        service.providerCount !== void 0 && /* @__PURE__ */ jsxs("span", { className: "ml-2 text-xs text-neutral-400 dark:text-neutral-500", children: [
+        service.providerCount !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground ml-2 text-xs", children: [
           "(",
           service.providerCount,
           ")"
@@ -32005,7 +31977,7 @@ function SubCategoryAccordion({
         className: cn(
           "flex w-full items-center justify-between px-3 py-2",
           "text-left font-medium text-neutral-700 dark:text-neutral-200",
-          "hover:text-primary-600 dark:hover:text-primary-400",
+          "hover:text-primary-800 dark:hover:text-primary-400",
           "focus-visible:ring-primary-500 focus:outline-none focus-visible:ring-2"
         ),
         "aria-expanded": isExpanded,
@@ -32093,7 +32065,7 @@ function CategoryAccordionItem({
             "data-cy": `btn-category-${index}`,
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                category.icon && /* @__PURE__ */ jsx("span", { className: "text-primary-500 dark:text-primary-400", children: typeof category.icon === "string" ? /* @__PURE__ */ jsx("span", { className: "text-xl", children: category.icon }) : category.icon }),
+                category.icon && /* @__PURE__ */ jsx("span", { className: "text-primary-800 dark:text-primary-400", children: typeof category.icon === "string" ? /* @__PURE__ */ jsx("span", { className: "text-xl", children: category.icon }) : category.icon }),
                 /* @__PURE__ */ jsx("span", { className: "font-semibold text-neutral-900 dark:text-white", children: category.name })
               ] }),
               hasContent && /* @__PURE__ */ jsx(
@@ -32246,7 +32218,7 @@ function ServiceTagCloud({
           },
           index
         )),
-        hasMore && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center px-3 py-1.5 text-sm text-neutral-500 dark:text-neutral-400", children: [
+        hasMore && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground inline-flex items-center px-3 py-1.5 text-sm", children: [
           "+",
           services.length - (maxItems || 0),
           " more"
@@ -32287,7 +32259,7 @@ function ServiceList({
           className: cn(
             "flex items-center gap-2 py-1.5",
             "text-neutral-700 dark:text-neutral-300",
-            "hover:text-primary-600 dark:hover:text-primary-400",
+            "hover:text-primary-800 dark:hover:text-primary-400",
             "transition-colors"
           ),
           children: [
@@ -32568,7 +32540,7 @@ function SelectedServicesBadges({
           {
             type: "button",
             onClick: onClearAll,
-            className: "ml-1 text-xs text-gray-500 underline hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
+            className: "text-muted-foreground ml-1 text-xs underline hover:text-gray-700 dark:hover:text-gray-200",
             children: "Clear all"
           }
         )
@@ -32943,7 +32915,7 @@ function ServiceGeneralSettings({
       /* @__PURE__ */ jsx(
         "p",
         {
-          className: "text-sm text-gray-500 dark:text-gray-400",
+          className: "text-muted-foreground text-sm",
           "data-slot": "service-settings-description",
           children: "Basic service information and configuration"
         }
@@ -32968,14 +32940,14 @@ function ServiceGeneralSettings({
               /* @__PURE__ */ jsx(Switch, { checked: isActive, onCheckedChange: onIsActiveChange }),
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: "Active" }),
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Service is available for orders" })
+                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: "Service is available for orders" })
               ] })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
               /* @__PURE__ */ jsx(Switch, { checked: isFeatured, onCheckedChange: onIsFeaturedChange }),
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: "Featured" }),
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Show prominently in listings" })
+                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: "Show prominently in listings" })
               ] })
             ] })
           ]
@@ -33058,7 +33030,7 @@ function ServiceGeneralSettings({
               }
             ),
             /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx("span", { className: "absolute top-1/2 left-3 -translate-y-1/2 text-gray-500", children: "$" }),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground absolute top-1/2 left-3 -translate-y-1/2", children: "$" }),
               /* @__PURE__ */ jsx(
                 "input",
                 {
@@ -33096,7 +33068,7 @@ function ServiceGeneralSettings({
                   placeholder: "0"
                 }
               ),
-              /* @__PURE__ */ jsx("span", { className: "absolute top-1/2 right-3 -translate-y-1/2 text-sm text-gray-500", children: "days" })
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2 text-sm", children: "days" })
             ] })
           ] })
         ] })
@@ -33555,7 +33527,7 @@ function ServiceItem({
                     "cursor-pointer transition-all duration-150",
                     "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
                     "disabled:cursor-not-allowed disabled:opacity-50",
-                    "checked:bg-primary-500 checked:border-primary-500"
+                    "checked:bg-primary-800 checked:border-primary-500"
                   )
                 }
               ),
@@ -33589,7 +33561,7 @@ function ServiceItem({
                 "span",
                 {
                   "data-slot": "service-picker-radio-dot",
-                  className: "bg-primary-500 pointer-events-none absolute h-2 w-2 scale-0 rounded-full transition-transform peer-checked:scale-100"
+                  className: "bg-primary-800 pointer-events-none absolute h-2 w-2 scale-0 rounded-full transition-transform peer-checked:scale-100"
                 }
               )
             ]
@@ -33819,7 +33791,7 @@ function ServicePricingManager({
             children: [
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: "Service Pricing" }),
-                /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
+                /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm", children: [
                   "Manage pricing for ",
                   services.length,
                   " services"
@@ -33866,8 +33838,8 @@ function ServicePricingManager({
             filteredServices.length,
             ")"
           ] }) }),
-          /* @__PURE__ */ jsx(CardContent, { children: filteredServices.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-8 text-center text-gray-500 dark:text-gray-400", children: "No services found" }) : /* @__PURE__ */ jsxs("div", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: [
-            /* @__PURE__ */ jsxs("div", { className: "hidden gap-4 py-3 text-xs font-medium text-gray-500 uppercase md:grid md:grid-cols-6 dark:text-gray-400", children: [
+          /* @__PURE__ */ jsx(CardContent, { children: filteredServices.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground py-8 text-center", children: "No services found" }) : /* @__PURE__ */ jsxs("div", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: [
+            /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground hidden gap-4 py-3 text-xs font-medium uppercase md:grid md:grid-cols-6", children: [
               /* @__PURE__ */ jsx("div", { className: "col-span-2", children: "Service" }),
               /* @__PURE__ */ jsx("div", { className: "text-right", children: "Base Price" }),
               /* @__PURE__ */ jsx("div", { className: "text-right", children: "Employer Price" }),
@@ -33882,21 +33854,21 @@ function ServicePricingManager({
                 children: [
                   /* @__PURE__ */ jsxs("div", { className: "col-span-2 mb-2 md:mb-0", children: [
                     /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: service.serviceName }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [
                       service.serviceCode && /* @__PURE__ */ jsx("span", { children: service.serviceCode }),
                       service.category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: service.category })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between md:mb-0 md:block", children: [
-                    /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500 md:hidden", children: "Base:" }),
+                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm md:hidden", children: "Base:" }),
                     /* @__PURE__ */ jsx("p", { className: "text-right font-semibold text-gray-900 dark:text-white", children: formatCurrency3(service.basePrice) })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between md:mb-0 md:block", children: [
-                    /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500 md:hidden", children: "Employer:" }),
-                    /* @__PURE__ */ jsx("p", { className: "text-right text-gray-600 dark:text-gray-300", children: service.employerPrice ? formatCurrency3(service.employerPrice) : "\u2014" })
+                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm md:hidden", children: "Employer:" }),
+                    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-right", children: service.employerPrice ? formatCurrency3(service.employerPrice) : "\u2014" })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center md:mb-0 md:justify-center", children: [
-                    /* @__PURE__ */ jsx("span", { className: "mr-2 text-sm text-gray-500 md:hidden", children: "Status:" }),
+                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground mr-2 text-sm md:hidden", children: "Status:" }),
                     /* @__PURE__ */ jsx(
                       Badge,
                       {
@@ -33995,7 +33967,7 @@ function ServicePricingManager({
         /* @__PURE__ */ jsxs(Modal, { open: showBulkModal, onOpenChange: setShowBulkModal, children: [
           /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(ModalTitle, { children: "Bulk Price Adjustment" }) }),
           /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-4", children: [
-            /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
+            /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm", children: [
               "Apply adjustment to ",
               filteredServices.length,
               " filtered services"
@@ -34032,7 +34004,7 @@ function ServicePricingManager({
                   placeholder: bulkAdjustmentType === "percent" ? "e.g., 5" : "e.g., 10.00"
                 }
               ),
-              /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: "Use negative values to decrease prices" })
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: "Use negative values to decrease prices" })
             ] })
           ] }),
           /* @__PURE__ */ jsxs(ModalFooter, { children: [
@@ -34152,7 +34124,7 @@ function ServiceShippingSettings({
       /* @__PURE__ */ jsx(
         "p",
         {
-          className: "text-sm text-gray-500 dark:text-gray-400",
+          className: "text-muted-foreground text-sm",
           "data-slot": "shipping-settings-description",
           children: "Configure how kits and materials are shipped"
         }
@@ -34185,7 +34157,7 @@ function ServiceShippingSettings({
               children: [
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: "Use Kit Shipping" }),
-                  /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Send collection kits to patients" })
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: "Send collection kits to patients" })
                 ] }),
                 /* @__PURE__ */ jsx(
                   Switch,
@@ -34943,7 +34915,7 @@ function SidebarNavGroup({
             "span",
             {
               className: cn(
-                "h-5 w-5 flex-shrink-0 text-neutral-500 dark:text-neutral-400",
+                "text-muted-foreground h-5 w-5 flex-shrink-0",
                 !showCollapsed && "mr-3"
               ),
               children: icon
@@ -35003,7 +34975,7 @@ function SidebarNavItem({
       {
         className: cn(
           "h-5 w-5 flex-shrink-0",
-          isActive ? "text-primary-600 dark:text-primary-400" : "text-neutral-500 dark:text-neutral-400",
+          isActive ? "text-primary-800 dark:text-primary-400" : "text-muted-foreground",
           !showCollapsed && "mr-3"
         ),
         children: icon
@@ -35068,7 +35040,7 @@ function SidebarToggle({
     {
       onClick: toggleCollapsed,
       className: cn(
-        "rounded-lg p-2 text-neutral-500 dark:text-neutral-400",
+        "text-muted-foreground rounded-lg p-2",
         "transition-colors hover:bg-neutral-100 dark:hover:bg-neutral-800",
         "focus:ring-primary-500 focus:ring-2 focus:outline-none",
         className
@@ -35093,7 +35065,7 @@ function SidebarMobileToggle({
     {
       onClick: openMobile,
       className: cn(
-        "rounded-lg p-2 text-neutral-500 dark:text-neutral-400",
+        "text-muted-foreground rounded-lg p-2",
         "transition-colors hover:bg-neutral-100 dark:hover:bg-neutral-800",
         "focus:ring-primary-500 focus:ring-2 focus:outline-none",
         className
@@ -35285,7 +35257,7 @@ function SocialMediaLinks2({
             className: cn(
               "flex items-center justify-center rounded-full transition-colors",
               sizeClasses2[size],
-              variant === "light" ? "text-white/70 hover:bg-white/10 hover:text-white" : "text-gray-600 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-white"
+              variant === "light" ? "text-white/70 hover:bg-white/10 hover:text-white" : "dark:text-muted-foreground text-gray-600 hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800 dark:hover:text-white"
             ),
             children: /* @__PURE__ */ jsx(Icon, {})
           },
@@ -35340,7 +35312,7 @@ function NewsletterForm({
             disabled: isLoading,
             className: cn(
               "rounded-lg px-4 py-2 text-sm font-medium whitespace-nowrap transition-colors",
-              variant === "light" ? "text-primary-900 bg-white hover:bg-white/90" : "bg-primary-700 hover:bg-primary-800 text-white",
+              variant === "light" ? "text-primary-900 bg-white hover:bg-white/90" : "bg-primary-800 hover:bg-primary-900 text-white",
               isLoading && "cursor-not-allowed opacity-50"
             ),
             children: isLoading ? "Sending..." : buttonText
@@ -35362,7 +35334,7 @@ function FooterLinkSection({
         "data-slot": "site-footer-link-title",
         className: cn(
           "mb-4 text-sm font-semibold tracking-wider uppercase",
-          variant === "light" ? "text-white/70" : "text-gray-600 dark:text-gray-400"
+          variant === "light" ? "text-white/70" : "dark:text-muted-foreground text-gray-600"
         ),
         children: group.title
       }
@@ -35375,7 +35347,7 @@ function FooterLinkSection({
         rel: link.external ? "noopener noreferrer" : void 0,
         className: cn(
           "text-sm transition-colors",
-          variant === "light" ? "text-white/60 hover:text-white" : "text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white"
+          variant === "light" ? "text-white/60 hover:text-white" : "dark:text-muted-foreground text-gray-600 hover:text-gray-900 dark:hover:text-white"
         ),
         children: [
           link.label,
@@ -35397,7 +35369,7 @@ function CopyrightText({
       "data-slot": "site-footer-copyright",
       className: cn(
         "text-sm",
-        variant === "light" ? "text-white/60" : "text-gray-600 dark:text-gray-400",
+        variant === "light" ? "text-white/60" : "dark:text-muted-foreground text-gray-600",
         className
       ),
       children: [
@@ -35434,7 +35406,7 @@ function LegalLinks({
           {
             className: cn(
               "hidden sm:inline",
-              variant === "light" ? "text-white/40" : "text-gray-300 dark:text-gray-600"
+              variant === "light" ? "text-white/40" : "dark:text-muted-foreground text-gray-300"
             ),
             children: "|"
           }
@@ -35447,7 +35419,7 @@ function LegalLinks({
             rel: link.external ? "noopener noreferrer" : void 0,
             className: cn(
               "text-sm transition-colors",
-              variant === "light" ? "text-white/60 hover:text-white" : "text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white"
+              variant === "light" ? "text-white/60 hover:text-white" : "dark:text-muted-foreground text-gray-600 hover:text-gray-900 dark:hover:text-white"
             ),
             children: link.label
           }
@@ -35467,7 +35439,7 @@ function DisclaimerText({
       "data-slot": "site-footer-disclaimer",
       className: cn(
         "text-xs leading-relaxed",
-        variant === "light" ? "text-white/50" : "text-gray-500 dark:text-gray-400",
+        variant === "light" ? "text-white/50" : "dark:text-muted-foreground text-gray-600",
         className
       ),
       children
@@ -35479,7 +35451,7 @@ var footerVariants = cva("", {
     variant: {
       default: "bg-gray-100 dark:bg-gray-900",
       dark: "bg-gray-900 dark:bg-gray-950",
-      primary: "bg-primary-600 dark:bg-primary-800",
+      primary: "bg-primary-800 dark:bg-primary-800",
       white: "bg-white dark:bg-gray-900 border-t border-gray-200 dark:border-gray-800"
     }
   },
@@ -35573,7 +35545,7 @@ function SiteFooter({
                         "data-slot": "site-footer-description",
                         className: cn(
                           "mb-4 text-sm",
-                          colorVariant === "light" ? "text-white/70" : "text-gray-600 dark:text-gray-400"
+                          colorVariant === "light" ? "text-white/70" : "dark:text-muted-foreground text-gray-600"
                         ),
                         children: description
                       }
@@ -35683,7 +35655,7 @@ function SimpleFooter({
       "data-slot": "site-footer-simple",
       className: cn(
         "border-t py-4",
-        variant === "light" ? "bg-primary-700 border-white/10" : "border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900",
+        variant === "light" ? "bg-primary-800 border-white/10" : "border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900",
         className
       ),
       children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-center sm:flex-row sm:items-center sm:justify-between sm:text-left", children: [
@@ -35695,7 +35667,7 @@ function SimpleFooter({
               href: privacyHref,
               className: cn(
                 "text-sm transition-colors",
-                variant === "light" ? "text-white/60 hover:text-white" : "text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white"
+                variant === "light" ? "text-white/60 hover:text-white" : "dark:text-muted-foreground text-gray-600 hover:text-gray-900 dark:hover:text-white"
               ),
               children: "Privacy"
             }
@@ -35706,7 +35678,7 @@ function SimpleFooter({
               href: termsHref,
               className: cn(
                 "text-sm transition-colors",
-                variant === "light" ? "text-white/60 hover:text-white" : "text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white"
+                variant === "light" ? "text-white/60 hover:text-white" : "dark:text-muted-foreground text-gray-600 hover:text-gray-900 dark:hover:text-white"
               ),
               children: "Terms"
             }
@@ -35767,7 +35739,7 @@ function SiteLogo({
             "data-slot": "site-header-logo-icon",
             className: cn(
               "flex h-8 w-8 items-center justify-center rounded-lg text-lg font-bold",
-              variant === "light" ? "bg-white/20 text-white" : "bg-primary-600 text-white"
+              variant === "light" ? "bg-white/20 text-white" : "bg-primary-800 text-white"
             ),
             children: name?.[0] || "B"
           }
@@ -35857,7 +35829,7 @@ function AuthButtons({
       onClick: onSignUp,
       className: cn(
         "rounded-lg px-4 py-2 text-sm font-medium transition-colors",
-        variant === "light" ? "text-primary-600 bg-white hover:bg-white/90" : "bg-primary-700 hover:bg-primary-800 text-white"
+        variant === "light" ? "text-primary-800 bg-white hover:bg-white/90" : "bg-primary-800 hover:bg-primary-900 text-white"
       ),
       children: "Sign Up"
     }
@@ -35886,7 +35858,7 @@ function AuthButtons({
               href: signUpHref,
               className: cn(
                 "rounded-lg px-4 py-2 text-sm font-medium transition-colors",
-                variant === "light" ? "text-primary-600 bg-white hover:bg-white/90" : "bg-primary-700 hover:bg-primary-800 text-white"
+                variant === "light" ? "text-primary-800 bg-white hover:bg-white/90" : "bg-primary-800 hover:bg-primary-900 text-white"
               ),
               children: "Sign Up"
             }
@@ -35995,7 +35967,7 @@ function UserMenu({
                 {
                   className: cn(
                     "h-4 w-4 transition-transform",
-                    variant === "light" ? "text-white/70" : "text-gray-500 dark:text-gray-400",
+                    variant === "light" ? "text-white/70" : "text-muted-foreground",
                     isOpen && "rotate-180"
                   )
                 }
@@ -36011,7 +35983,7 @@ function UserMenu({
             children: [
               /* @__PURE__ */ jsxs("div", { className: "border-b border-gray-100 px-4 py-3 dark:border-gray-700", children: [
                 /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-gray-900 dark:text-white", children: user.name }),
-                user.email && /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-gray-500 dark:text-gray-400", children: user.email })
+                user.email && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground truncate text-xs", children: user.email })
               ] }),
               /* @__PURE__ */ jsx("div", { className: "py-1", children: defaultItems.map(
                 (item, index) => item.href ? /* @__PURE__ */ jsxs(
@@ -36111,7 +36083,7 @@ function MobileMenuPanel({
               {
                 type: "button",
                 onClick: onClose,
-                className: "rounded-lg p-2 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200",
+                className: "text-muted-foreground rounded-lg p-2 hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-800 dark:hover:text-gray-200",
                 "aria-label": "Close menu",
                 children: /* @__PURE__ */ jsx(CloseIcon5, { className: "h-5 w-5" })
               }
@@ -36137,7 +36109,7 @@ function MobileMenuPanel({
               /* @__PURE__ */ jsx("div", { className: "bg-primary-100 text-primary-700 dark:bg-primary-900/30 dark:text-primary-400 flex h-10 w-10 items-center justify-center rounded-full font-medium", children: user.name.split(" ").map((w) => w[0]).join("").slice(0, 2) }),
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: user.name }),
-                user.email && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: user.email })
+                user.email && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: user.email })
               ] })
             ] }),
             /* @__PURE__ */ jsx(
@@ -36173,7 +36145,7 @@ function MobileMenuPanel({
                   onSignUp?.();
                   onClose();
                 },
-                className: "bg-primary-700 hover:bg-primary-800 rounded-lg px-4 py-2 text-sm font-medium text-white",
+                className: "bg-primary-800 hover:bg-primary-900 rounded-lg px-4 py-2 text-sm font-medium text-white",
                 children: "Sign Up"
               }
             )
@@ -36188,7 +36160,7 @@ var headerVariants3 = cva(
   {
     variants: {
       variant: {
-        primary: "bg-primary-600",
+        primary: "bg-primary-800",
         white: "bg-white shadow-sm dark:bg-gray-900 dark:border-b dark:border-gray-800",
         transparent: "bg-transparent",
         glass: "bg-white/80 backdrop-blur-md shadow-sm dark:bg-gray-900/80"
@@ -36863,7 +36835,7 @@ function StepIndicator({
       "data-slot": "step-indicator-circle",
       onClick: () => handleStepClick(index),
       disabled: !clickable,
-      className: `${sizes.circle} flex shrink-0 items-center justify-center rounded-full font-medium transition-all duration-200 focus:ring-2 focus:ring-offset-2 focus:outline-none dark:focus:ring-offset-neutral-900 ${clickable ? "cursor-pointer" : "cursor-default"} ${step.hasError ? "bg-red-100 text-red-600 focus:ring-red-500 dark:bg-red-900/30 dark:text-red-400" : status === "completed" ? "bg-primary-600 focus:ring-primary-500 dark:bg-primary-500 text-white" : status === "current" ? "bg-primary-600 ring-primary-600 focus:ring-primary-500 dark:bg-primary-500 dark:ring-primary-500 text-white ring-2 ring-offset-2 dark:ring-offset-neutral-900" : "bg-neutral-200 text-neutral-500 focus:ring-neutral-400 dark:bg-neutral-700 dark:text-neutral-300"}`.trim(),
+      className: `${sizes.circle} flex shrink-0 items-center justify-center rounded-full font-medium transition-all duration-200 focus:ring-2 focus:ring-offset-2 focus:outline-none dark:focus:ring-offset-neutral-900 ${clickable ? "cursor-pointer" : "cursor-default"} ${step.hasError ? "bg-red-100 text-red-600 focus:ring-red-500 dark:bg-red-900/30 dark:text-red-400" : status === "completed" ? "bg-primary-800 focus:ring-primary-500 dark:bg-primary-800 text-white" : status === "current" ? "bg-primary-800 ring-primary-600 focus:ring-primary-500 dark:bg-primary-800 dark:ring-primary-500 text-white ring-2 ring-offset-2 dark:ring-offset-neutral-900" : "bg-neutral-200 text-neutral-500 focus:ring-neutral-400 dark:bg-neutral-700 dark:text-neutral-300"}`.trim(),
       "aria-current": status === "current" ? "step" : void 0,
       children: step.hasError ? /* @__PURE__ */ jsx(ErrorIcon, { className: "h-4 w-4" }) : status === "completed" ? step.icon || /* @__PURE__ */ jsx(CheckIcon5, { className: "h-4 w-4" }) : step.icon || /* @__PURE__ */ jsx(
         "span",
@@ -36883,13 +36855,10 @@ function StepIndicator({
         /* @__PURE__ */ jsxs(
           "p",
           {
-            className: `font-medium ${step.hasError ? "text-red-600 dark:text-red-400" : status === "completed" || status === "current" ? "text-neutral-900 dark:text-white" : "text-neutral-500 dark:text-neutral-400"}`.trim(),
+            className: `font-medium ${step.hasError ? "text-red-600 dark:text-red-400" : status === "completed" || status === "current" ? "text-neutral-900 dark:text-white" : "text-muted-foreground"}`.trim(),
             children: [
               step.label,
-              step.optional && /* @__PURE__ */ jsxs("span", { className: "font-normal text-neutral-500 dark:text-neutral-400", children: [
-                " ",
-                "(optional)"
-              ] })
+              step.optional && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-normal", children: " (optional)" })
             ]
           }
         ),
@@ -36897,7 +36866,7 @@ function StepIndicator({
           "p",
           {
             "data-slot": "step-indicator-description",
-            className: "mt-0.5 text-neutral-500 dark:text-neutral-400",
+            className: "text-muted-foreground mt-0.5",
             children: step.description
           }
         )
@@ -36921,7 +36890,7 @@ function StepIndicator({
                 "div",
                 {
                   "data-slot": "step-indicator-connector",
-                  className: `flex-1 ${sizes.line} ${index <= currentStep ? "bg-primary-600 dark:bg-primary-500" : "bg-neutral-200 dark:bg-neutral-700"}`,
+                  className: `flex-1 ${sizes.line} ${index <= currentStep ? "bg-primary-800 dark:bg-primary-800" : "bg-neutral-200 dark:bg-neutral-700"}`,
                   "aria-hidden": "true"
                 }
               ) : /* @__PURE__ */ jsx("div", { className: "flex-1" }),
@@ -36930,7 +36899,7 @@ function StepIndicator({
                 "div",
                 {
                   "data-slot": "step-indicator-connector",
-                  className: `flex-1 ${sizes.line} ${index < currentStep ? "bg-primary-600 dark:bg-primary-500" : "bg-neutral-200 dark:bg-neutral-700"}`,
+                  className: `flex-1 ${sizes.line} ${index < currentStep ? "bg-primary-800 dark:bg-primary-800" : "bg-neutral-200 dark:bg-neutral-700"}`,
                   "aria-hidden": "true"
                 }
               ) : /* @__PURE__ */ jsx("div", { className: "flex-1" })
@@ -36965,7 +36934,7 @@ function StepIndicator({
               children: /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: `h-full min-h-4 ${sizes.line} ${index < currentStep ? "bg-primary-600 dark:bg-primary-500" : "bg-neutral-200 dark:bg-neutral-700"}`
+                  className: `h-full min-h-4 ${sizes.line} ${index < currentStep ? "bg-primary-800 dark:bg-primary-800" : "bg-neutral-200 dark:bg-neutral-700"}`
                 }
               )
             }
@@ -37386,7 +37355,7 @@ function TimelineProgress({
             "div",
             {
               className: cn(
-                "h-4 text-center text-neutral-500 dark:text-neutral-400",
+                "text-muted-foreground h-4 text-center",
                 sizes.timestamp,
                 sizes.timestampMargin
               ),
@@ -37400,7 +37369,7 @@ function TimelineProgress({
                 className: cn(
                   "flex-1",
                   sizes.connector,
-                  state === "completed" || state === "current" || state === "error" ? "bg-primary-600 dark:bg-primary-500" : "bg-neutral-200 dark:bg-neutral-700"
+                  state === "completed" || state === "current" || state === "error" ? "bg-primary-800 dark:bg-primary-800" : "bg-neutral-200 dark:bg-neutral-700"
                 )
               }
             ),
@@ -37422,7 +37391,7 @@ function TimelineProgress({
                         sizes.completed
                       ),
                       state === "current" && cn(
-                        "bg-primary-500 shadow-primary-500/30 ring-primary-100 dark:bg-primary-500 dark:ring-primary-900/50 text-white shadow-md ring-4",
+                        "bg-primary-800 shadow-primary-500/30 ring-primary-100 dark:bg-primary-800 dark:ring-primary-900/50 text-white shadow-md ring-4",
                         sizes.current,
                         pulse && "animate-pulse"
                       ),
@@ -37467,7 +37436,7 @@ function TimelineProgress({
                 className: cn(
                   "flex-1",
                   sizes.connector,
-                  state === "completed" ? "bg-primary-600 dark:bg-primary-500" : "bg-neutral-200 dark:bg-neutral-700"
+                  state === "completed" ? "bg-primary-800 dark:bg-primary-800" : "bg-neutral-200 dark:bg-neutral-700"
                 )
               }
             ),
@@ -37482,7 +37451,7 @@ function TimelineProgress({
                 sizes.labelMargin,
                 state === "completed" && "text-primary-800 dark:text-primary-300",
                 state === "current" && "font-semibold text-neutral-900 dark:text-white",
-                state === "pending" && "text-neutral-500 dark:text-neutral-400",
+                state === "pending" && "text-muted-foreground",
                 state === "error" && "font-semibold text-red-600 dark:text-red-400"
               ),
               children: step.label
@@ -37577,12 +37546,12 @@ function TimelineEventList({
         /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("h4", { className: "font-semibold text-neutral-900 dark:text-neutral-100", children: event.title }),
-            event.author && /* @__PURE__ */ jsxs("p", { className: "text-sm text-neutral-500 dark:text-neutral-400", children: [
+            event.author && /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm", children: [
               "by ",
               event.author
             ] })
           ] }),
-          /* @__PURE__ */ jsx("time", { className: "shrink-0 pt-0.5 text-xs text-neutral-500 dark:text-neutral-400", children: formatTime4(event.timestamp) })
+          /* @__PURE__ */ jsx("time", { className: "text-muted-foreground shrink-0 pt-0.5 text-xs", children: formatTime4(event.timestamp) })
         ] }),
         event.content && /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-sm text-neutral-600 dark:text-neutral-300", children: event.content })
       ] })
@@ -37619,7 +37588,7 @@ function OrderConfirmation({
             children: "Order Submitted!"
           }
         ),
-        orderNumber && /* @__PURE__ */ jsxs("p", { className: "mb-4 text-center text-sm text-neutral-500 dark:text-neutral-400", children: [
+        orderNumber && /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground mb-4 text-center text-sm", children: [
           "Order #",
           orderNumber
         ] }),
@@ -37631,8 +37600,8 @@ function OrderConfirmation({
             onClick: onClose,
             className: cn(
               "w-full rounded-lg px-4 py-3 font-medium",
-              "bg-primary-700 hover:bg-primary-800 text-white",
-              "dark:bg-primary-600 dark:hover:bg-primary-700",
+              "bg-primary-800 hover:bg-primary-900 text-white",
+              "dark:bg-primary-800 dark:hover:bg-primary-900",
               "transition-colors"
             ),
             children: "Got It"
@@ -37901,7 +37870,7 @@ var variantStyles = {
   },
   info: {
     container: "bg-primary-50 dark:bg-primary-900 border-primary-200 dark:border-primary-800 text-primary-800 dark:text-primary-200",
-    icon: "text-primary-500 dark:text-primary-400"
+    icon: "text-primary-800 dark:text-primary-400"
   }
 };
 var defaultIcons = {
@@ -38611,7 +38580,7 @@ function WebsiteInputGroup({
             "w-full rounded-md border px-3 py-2 text-sm",
             "border-gray-300 bg-white text-gray-900",
             "focus:border-brand-500 focus:ring-brand-500/20 focus:ring-2 focus:outline-none",
-            "disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500",
+            "disabled:text-muted-foreground disabled:cursor-not-allowed disabled:bg-gray-50",
             "dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100",
             "dark:focus:border-brand-400 dark:focus:ring-brand-400/20",
             index === 0 && label ? "mt-6" : ""
@@ -38638,7 +38607,7 @@ function WebsiteInputGroup({
               "text-brand-600 hover:bg-brand-50",
               "disabled:cursor-not-allowed disabled:text-gray-300 disabled:hover:bg-transparent",
               "dark:text-brand-400 dark:hover:bg-brand-900/20",
-              "dark:disabled:text-gray-600"
+              "dark:disabled:text-muted-foreground"
             ),
             "aria-label": "Add website",
             children: /* @__PURE__ */ jsx(
@@ -38671,7 +38640,7 @@ function WebsiteInputGroup({
               "text-red-600 hover:bg-red-50",
               "disabled:cursor-not-allowed disabled:text-gray-300 disabled:hover:bg-transparent",
               "dark:text-red-400 dark:hover:bg-red-900/20",
-              "dark:disabled:text-gray-600"
+              "dark:disabled:text-muted-foreground"
             ),
             "aria-label": "Remove website",
             children: /* @__PURE__ */ jsx(