/* Homepage sections: readable text in dark mode on tinted backgrounds */

.dark #modules :is(h2, h3),
.dark #insights :is(h2, h3),
.dark #service-video h2,
.dark #packages #pricing-title {
  color: #f8fafc !important;
}

.dark #modules > div p,
.dark #modules .stack-cards__item p,
.dark #insights figure p,
.dark #service-video p {
  color: rgba(248, 250, 252, 0.88) !important;
}

.dark #packages .border-t :is(h2, h3) {
  color: #f8fafc !important;
}

.dark #packages .bg-background-2 :is(h3, h4, li span),
.dark #packages .dark\:bg-background-6 :is(h3, h4, li span) {
  color: #f8fafc;
}

.dark #packages .text-secondary\/60 {
  color: rgba(248, 250, 252, 0.72) !important;
}

.dark .badge-primary-light {
  background: rgba(236, 232, 255, 0.14) !important;
  color: #ece8ff !important;
  border-color: rgba(236, 232, 255, 0.35) !important;
}

.dark #packages .dark\:text-secondary {
  color: #f8fafc !important;
}