/* Simple, consistent color scheme for all bold text */
:root {
  --highlight-color: #4da3ff;  /* Bright blue that stands out against dark backgrounds */
}

/* Apply the same color to ALL bold/strong text throughout the site */
html.dark-mode strong,
html.dark-mode b,
html.dark-mode .content strong,
html.dark-mode .content b,
html.dark-mode h1 strong,
html.dark-mode h2 strong,
html.dark-mode h3 strong,
html.dark-mode p strong,
html.dark-mode li strong {
  color: var(--highlight-color) !important;
  font-weight: 700;
}

/* Add subtle text shadow for extra pop */
html.dark-mode .content strong {
  text-shadow: 0 0 1px rgba(255,255,255,0.2);
}

/* Make sure links within strong tags are still visible */
html.dark-mode .content strong a {
  color: inherit !important;
  text-decoration: underline;
}

/* Add a subtle transition effect */
html.dark-mode .content strong {
  transition: color 0.3s ease;
}

html.dark-mode .content strong:hover {
  filter: brightness(120%);
}