fix: use theme-aware borders for light mode

- replace hardcoded white/[0.06] with border-border/50
- feature cards, FAQ items, pricing cards now visible in light mode
- footer borders use theme tokens

Author: DevanshuNEU

frontend/src/components/landing/FAQ.tsx

@@ -56,7 +56,7 @@ export function FAQ() {
               <AccordionItem
                 key={i}
                 value={`faq-${i}`}
-                className="border border-white/[0.06] dark:border-white/[0.06] light:border-black/[0.06] rounded-xl px-6 bg-card/20"
+                className="border border-border/50 rounded-xl px-6 bg-card/20"
               >
                 <AccordionTrigger className="text-left text-foreground hover:no-underline py-5 text-[15px]">
                   {faq.q}

frontend/src/components/landing/Features.tsx

@@ -109,8 +109,8 @@ export function Features() {
                 y: -8, 
                 transition: { type: 'spring', stiffness: 400, damping: 25 } 
               }}
-              className={`group relative p-6 rounded-xl border border-white/[0.06] bg-card/30 
-                hover:bg-card/50 hover:border-white/[0.1] transition-colors duration-300
+              className={`group relative p-6 rounded-xl border border-border/50 bg-card/30 
+                hover:bg-card/50 hover:border-border transition-colors duration-300
                 hover:shadow-xl ${feature.glow}`}
             >
               {/* Icon */}

frontend/src/components/landing/Footer.tsx

@@ -20,7 +20,7 @@ const LINKS = {
 
 export function Footer() {
   return (
-    <footer className="border-t border-white/[0.06] dark:border-white/[0.06] light:border-black/[0.06] py-12 px-6">
+    <footer className="border-t border-border py-12 px-6">
       <div className="max-w-6xl mx-auto">
         <div className="grid grid-cols-2 md:grid-cols-4 gap-8 mb-12">
           {/* Brand */}
@@ -98,7 +98,7 @@ export function Footer() {
         </div>
 
         {/* Bottom bar */}
-        <div className="pt-8 border-t border-white/[0.06] dark:border-white/[0.06] light:border-black/[0.06] flex flex-col md:flex-row justify-between items-center gap-4">
+        <div className="pt-8 border-t border-border flex flex-col md:flex-row justify-between items-center gap-4">
           <p className="text-sm text-muted-foreground/60">
             © {new Date().getFullYear()} CodeIntel. Open source under MIT.
           </p>

frontend/src/components/landing/Pricing.tsx

@@ -78,7 +78,7 @@ export function Pricing() {
               className={`relative p-6 lg:p-8 rounded-2xl border transition-all duration-300 ${
                 plan.popular
                   ? 'border-accent bg-accent/5 shadow-2xl shadow-accent/10 z-10'
-                  : 'border-white/[0.08] bg-card/30 hover:bg-card/50 hover:border-white/[0.12]'
+                  : 'border-border/50 bg-card/30 hover:bg-card/50 hover:border-border'
               }`}
             >
               {plan.badge && (
@@ -127,7 +127,7 @@ export function Pricing() {
                 className={`block w-full py-3 px-4 rounded-lg text-center text-sm font-medium transition-all ${
                   plan.popular
                     ? 'bg-accent text-white hover:bg-accent/90 shadow-lg shadow-accent/20'
-                    : 'border border-white/10 text-foreground hover:bg-white/5'
+                    : 'border border-border text-foreground hover:bg-muted/50'
                 }`}
               >
                 {plan.cta}