solved issues for text visibility

Author: Kalpana-chavhan

Frontend/src/components/ui/input.tsx

@@ -7,16 +7,7 @@ const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
       <input
         type={type}
         className={cn(
-          // BASE STYLES
-          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background",
-          // TEXT VISIBILITY FIX
-          "text-foreground placeholder:text-muted-foreground", 
-          // FILE INPUT STYLES
-          "file:border-0 file:bg-transparent file:text-sm file:font-medium",
-          // INTERACTION STYLES
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-          // DISABLED STATES
-          "disabled:cursor-not-allowed disabled:opacity-50",
+
           className
         )}
         ref={ref}

Frontend/src/index.css

@@ -117,16 +117,7 @@
   body {
     @apply bg-background text-foreground;
   }
-  /* FIX FOR ISSUE #272: Ensuring input text is visible */
-  input, textarea, select {
-    @apply bg-background text-foreground border-input px-3 py-2 ring-offset-background;
-    color: var(--foreground); /* Forces text color to use project foreground */
-  }
-  
-  input::placeholder {
-    @apply text-muted-foreground;
-  }
-}
+ 
 
 /* Custom Animations */
 @keyframes gradient {