/* Dark Theme Text Readability Fix */

/* Force dark theme styles when theme switcher is activated */
[data-theme="dark"] body,
[data-theme="dark"] .wrapper__main,
[data-theme="dark"] .post,
[data-theme="dark"] .post__content,
[data-theme="dark"] .post__content *,
.theme--dark body,
.theme--dark .wrapper__main,
.theme--dark .post,
.theme--dark .post__content,
.theme--dark .post__content * {
  color: #ffffff !important;
  background-color: inherit !important;
}

/* Specific elements that need white text in dark mode */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] p,
[data-theme="dark"] div,
[data-theme="dark"] span,
[data-theme="dark"] li,
[data-theme="dark"] ul,
[data-theme="dark"] ol,
[data-theme="dark"] strong,
[data-theme="dark"] b,
[data-theme="dark"] em,
[data-theme="dark"] i,
.theme--dark h1,
.theme--dark h2,
.theme--dark h3,
.theme--dark h4,
.theme--dark h5,
.theme--dark h6,
.theme--dark p,
.theme--dark div,
.theme--dark span,
.theme--dark li,
.theme--dark ul,
.theme--dark ol,
.theme--dark strong,
.theme--dark b,
.theme--dark em,
.theme--dark i {
  color: #ffffff !important;
}

/* Links should be light blue but still visible */
[data-theme="dark"] a,
.theme--dark a {
  color: #90cdf4 !important;
}

[data-theme="dark"] a:hover,
.theme--dark a:hover {
  color: #63b3ed !important;
}

/* Background colors for dark theme */
[data-theme="dark"] body,
.theme--dark body {
  background-color: #1a202c !important;
}

[data-theme="dark"] .wrapper__main,
.theme--dark .wrapper__main {
  background-color: #1a202c !important;
}

[data-theme="dark"] .post,
.theme--dark .post {
  background-color: #2d3748 !important;
}

/* Header and navigation in dark mode */
[data-theme="dark"] .header,
.theme--dark .header {
  background: rgba(26, 32, 44, 0.95) !important;
  border-bottom-color: rgba(255,255,255,0.1) !important;
}

[data-theme="dark"] .nav__list-item a,
.theme--dark .nav__list-item a {
  color: #ffffff !important;
}

/* Meta information (date, read time) */
[data-theme="dark"] .post__meta,
[data-theme="dark"] .post__meta *,
.theme--dark .post__meta,
.theme--dark .post__meta * {
  color: #cbd5e0 !important;
}

/* Tags and categories */
[data-theme="dark"] .tag,
[data-theme="dark"] .category,
.theme--dark .tag,
.theme--dark .category {
  color: #ffffff !important;
}