/* ============================================
   BRAINBOTINDIA — THEME STYLES
   Dark/Light Mode Support
   ============================================ */

/* Light Theme Variables */
.light-theme {
  --bg-deep: #f1f5f9;
  --bg-surface: #ffffff;
  --bg-elevated: #f8fafc;
  --bg-card: #ffffff;
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #94a3b8;
  --border-subtle: rgba(0, 0, 0, 0.08);
  --border-active: rgba(99, 102, 241, 0.2);
  --accent-soft: rgba(99, 102, 241, 0.08);
  --card-shadow: 0 15px 30px -12px rgba(0, 0, 0, 0.08);
}

/* Light Theme Navbar */
.light-theme .navbar {
  background: rgba(241, 245, 249, 0.85);
}

/* Light Theme Cards - subtle adjustments */
.light-theme .service-card,
.light-theme .portfolio-item,
.light-theme .testimonial-card,
.light-theme .team-card,
.light-theme .contact-form-wrapper,
.light-theme .cta-box,
.light-theme .value-card,
.light-theme .blog-card,
.light-theme .portfolio-item-full,
.light-theme .service-detail-card,
.light-theme .faq-item {
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.light-theme .contact-form-full input,
.light-theme .contact-form-full textarea,
.light-theme .contact-form-full select {
  background: #f8fafc;
}

/* Light Theme Tech Stack */
.light-theme .tech-stack .tech-badge,
.light-theme .tech-stack-item {
  background: #ffffff;
}

/* Light Theme Tech Tags */
.light-theme .tech-tags span {
  background: #f1f5f9;
}

/* Light Theme Filter Buttons */
.light-theme .filter-btn {
  background: #ffffff;
}

/* Light Theme Footer */
.light-theme .footer {
  background: #ffffff;
}

/* Light Theme Hero Glows - Reduce intensity */
.light-theme .hero-bg-glow {
  background: radial-gradient(circle, rgba(99, 102, 241, 0.06), transparent 70%);
}

.light-theme .hero-bg-glow-2 {
  background: radial-gradient(circle, rgba(139, 92, 246, 0.04), transparent 70%);
}

/* Light Theme Scrollbar */
.light-theme::-webkit-scrollbar-track {
  background: #f1f5f9;
}

.light-theme::-webkit-scrollbar-thumb {
  background: #6366f1;
}

/* Smooth Theme Transition */
body {
  transition: background 0.3s ease, color 0.3s ease;
}

.navbar,
.service-card,
.portfolio-item,
.testimonial-card,
.team-card,
.contact-form-wrapper,
.cta-box,
.value-card,
.blog-card,
.portfolio-item-full,
.service-detail-card,
.faq-item,
.tech-stack .tech-badge,
.tech-stack-item,
.contact-form-full input,
.contact-form-full textarea,
.contact-form-full select,
.filter-btn,
.footer {
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}