/* Dark mode: badges, nav, FAQ, article titles */

/* Section badges: The Science, Expert Picks, RANK #1–3, Personalized Strategy, FAQ */
html.dark .badge {
  font-weight: 800;
  letter-spacing: 0.08em;
}

html.dark .badge.bg-sky-100,
html.dark span.badge.bg-sky-100.text-sky-700 {
  background-color: rgba(14, 165, 233, 0.25) !important;
  color: #e0f2fe !important;
  border: 1px solid rgba(56, 189, 248, 0.5);
  box-shadow: 0 0 0 1px rgba(14, 165, 233, 0.15);
}

html.dark .badge.bg-teal-100,
html.dark span.badge.bg-teal-100.text-teal-700 {
  background-color: rgba(20, 184, 166, 0.25) !important;
  color: #ccfbf1 !important;
  border: 1px solid rgba(45, 212, 191, 0.5);
  box-shadow: 0 0 0 1px rgba(20, 184, 166, 0.15);
}

html.dark .badge.bg-emerald-100,
html.dark span.badge.bg-emerald-100.text-emerald-700 {
  background-color: rgba(16, 185, 129, 0.25) !important;
  color: #d1fae5 !important;
  border: 1px solid rgba(52, 211, 153, 0.5);
  box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.15);
}

html.dark .badge.bg-indigo-100,
html.dark span.badge.bg-indigo-100.text-indigo-700 {
  background-color: rgba(99, 102, 241, 0.25) !important;
  color: #e0e7ff !important;
  border: 1px solid rgba(129, 140, 248, 0.5);
  box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.15);
}

/* Brighter accent text (category labels, links, logo span) */
html.dark .text-sky-700 {
  color: #7dd3fc !important;
}

html.dark .text-teal-700,
html.dark .text-teal-600 {
  color: #5eead4 !important;
}

html.dark .text-emerald-700,
html.dark .text-emerald-800 {
  color: #6ee7b7 !important;
}

html.dark .text-indigo-700,
html.dark .text-indigo-800 {
  color: #a5b4fc !important;
}

/* Desktop nav links (The Science, Top Picks, etc.) */
html.dark nav a:not([class*="bg-sky-7"]):not([class*="bg-sky-6"]) {
  color: #f1f5f9 !important;
}

html.dark nav .font-black.text-gray-900,
html.dark nav .text-gray-900 {
  color: #f8fafc !important;
}

html.dark nav a.text-sky-700,
html.dark nav a[class*="text-sky-7"] {
  color: #7dd3fc !important;
}

/* Section headings */
html.dark main h2.font-black.text-gray-900,
html.dark main h2#science-heading,
html.dark main h2#faq-heading,
html.dark main h2#vdr-heading {
  color: #f8fafc !important;
}

html.dark #faq .font-semibold.text-gray-900 {
  color: #f1f5f9 !important;
}

/* Article hub + homepage article cards */
html.dark .article-card__title,
html.dark #articles .article-card__title,
html.dark h2.article-card__title {
  color: #ffffff !important;
}

html.dark .article-card:hover .article-card__title,
html.dark #articles .article-card:hover .article-card__title {
  color: #7dd3fc !important;
}

html.dark .article-card .text-xs.font-bold.uppercase.text-sky-700,
html.dark .article-card__body > .text-sky-700 {
  color: #7dd3fc !important;
}

/* Article page prose */
html.dark .article-prose h2 {
  color: #ffffff !important;
}

html.dark .article-prose h3 {
  color: #f1f5f9 !important;
}

html.dark .product-callout .text-gray-900 {
  color: #f8fafc !important;
}

html.dark nav[aria-label="Breadcrumb"] .text-gray-800 {
  color: #e2e8f0 !important;
}