removed dark mod and applied fixes for text colors

resources/css/app.css

@@ -9,8 +9,6 @@
 @source '../../vendor/livewire/flux-pro/stubs/**/*.blade.php';
 @source '../../vendor/livewire/flux/stubs/**/*.blade.php';
 
-@custom-variant dark (&:where(.dark, .dark *));
-
 @theme {
     /* Font definitions - to be updated in typography story */
     --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
@@ -72,14 +70,6 @@
     --color-warning: #F39C12;
 }
 
-@layer theme {
-    .dark {
-        --color-accent: var(--color-white);
-        --color-accent-content: var(--color-white);
-        --color-accent-foreground: var(--color-neutral-800);
-    }
-}
-
 @layer base {
 
     *,
@@ -91,6 +81,112 @@
     }
 }
 
+/* ==========================================================================
+   Flux UI Light Mode Overrides
+   Ensure proper text visibility after dark mode removal
+   ========================================================================== */
+
+/* Flux Headings - ensure dark text */
+[data-flux-heading] {
+    color: rgb(24 24 27) !important;
+}
+
+/* Flux Text/Subheading - ensure readable gray */
+[data-flux-text],
+[data-flux-subheading] {
+    color: rgb(113 113 122) !important;
+}
+
+/* Navlist group headings */
+[data-flux-navlist-group] > div:first-child {
+    color: rgb(113 113 122) !important;
+}
+
+/* Navlist items */
+[data-flux-navlist-item] {
+    color: rgb(63 63 70) !important;
+}
+
+[data-flux-navlist-item]:hover {
+    color: rgb(24 24 27) !important;
+    background-color: rgb(244 244 245) !important;
+}
+
+[data-flux-navlist-item][data-current="true"],
+[data-flux-navlist-item][aria-current="page"] {
+    color: rgb(24 24 27) !important;
+    background-color: rgb(244 244 245) !important;
+}
+
+/* Flux Menu items */
+[data-flux-menu-item] {
+    color: rgb(63 63 70) !important;
+}
+
+[data-flux-menu-item]:hover {
+    color: rgb(24 24 27) !important;
+    background-color: rgb(244 244 245) !important;
+}
+
+/* Flux Modal content */
+[data-flux-modal] {
+    background-color: rgb(255 255 255) !important;
+    color: rgb(24 24 27) !important;
+}
+
+/* Flux Dropdown/Select */
+[data-flux-menu],
+[data-flux-listbox] {
+    background-color: rgb(255 255 255) !important;
+    border-color: rgb(228 228 231) !important;
+}
+
+/* Flux Profile text */
+[data-flux-profile] span {
+    color: rgb(63 63 70) !important;
+}
+
+/* Flux Badge - ensure text is visible */
+[data-flux-badge] {
+    color: rgb(255 255 255) !important;
+}
+
+/* Flux Badge variants with proper contrast */
+[data-flux-badge][data-variant="outline"] {
+    color: rgb(63 63 70) !important;
+}
+
+/* Flux Callout text */
+[data-flux-callout],
+[data-flux-callout] * {
+    color: rgb(63 63 70) !important;
+}
+
+[data-flux-callout-heading] {
+    color: rgb(24 24 27) !important;
+}
+
+/* Flux Table cells */
+[data-flux-table] td,
+[data-flux-table] th {
+    color: rgb(63 63 70) !important;
+}
+
+[data-flux-table] th {
+    color: rgb(24 24 27) !important;
+}
+
+/* Flux Card content */
+[data-flux-card] {
+    background-color: rgb(255 255 255) !important;
+    color: rgb(63 63 70) !important;
+}
+
+/* Flux Separator */
+[data-flux-separator] {
+    background-color: rgb(228 228 231) !important;
+}
+
 /* ==========================================================================
    Logo Badge Styling (Story 12.2)
    Creates "seal/stamp" effect for logo on Dark Charcoal backgrounds
@@ -673,7 +769,7 @@ img, video, iframe {
 }
 
 .timeline-line {
-    @apply absolute top-0 bottom-0 w-0.5 bg-zinc-200 dark:bg-zinc-700;
+    @apply absolute top-0 bottom-0 w-0.5 bg-zinc-200;
     @apply start-4 sm:start-6;
 }