/* Dark Mode Fixes for Inline Styles
 * This file fixes hardcoded colors in inline styles that don't adapt to dark mode
 */

[data-theme="dark"] {
  /* Fix article backgrounds that are hardcoded white */
  article.publication {
    background-color: var(--color-bg-elevated) !important;
  }

  /* Fix dark text on dark backgrounds */
  article.publication h1,
  article.publication h2,
  article.publication h3,
  article.publication h4,
  article.publication h5,
  article.publication h6 {
    color: var(--color-text-primary) !important;
  }

  article.publication p,
  article.publication div.meta,
  article.publication .meta span {
    color: var(--color-text-secondary) !important;
  }

  /* Fix summary/details elements */
  article.publication summary {
    color: var(--color-text-secondary) !important;
  }

  /* Fix pre/code backgrounds */
  article.publication pre {
    background: var(--color-bg-secondary) !important;
    border-color: var(--color-border-default) !important;
    color: var(--color-text-primary) !important;
  }

  /* Fix borders */
  article.publication header {
    border-bottom-color: var(--color-border-default) !important;
  }

  /* Fix tag backgrounds and colors */
  article.publication a[href*="/tags/"] {
    background-color: var(--color-bg-secondary) !important;
    color: var(--color-accent-primary) !important;
  }

  article.publication a[href*="/tags/"]:hover {
    background-color: var(--color-accent-primary) !important;
    color: var(--color-text-inverse) !important;
  }

  /* Fix metadata badges */
  .meta span {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-accent-primary) !important;
  }

  /* Fix light backgrounds in dark mode */
  div[style*="background-color: #f5f5f5"],
  div[style*="background-color: #f0f0f0"],
  div[style*="background-color: #e8f4f8"] {
    background-color: var(--color-bg-secondary) !important;
  }

  /* Fix dark text colors in dark mode */
  p[style*="color: #555"],
  p[style*="color: #666"],
  div[style*="color: #555"],
  div[style*="color: #666"],
  span[style*="color: #555"],
  span[style*="color: #666"] {
    color: var(--color-text-secondary) !important;
  }

  /* Fix writings page specific styles */
  .writings-content .meta,
  .content .meta {
    color: var(--color-text-secondary) !important;
  }

  /* Fix filter buttons */
  .filter-btn {
    color: var(--color-text-primary) !important;
    background: var(--color-bg-secondary) !important;
    border-color: var(--color-border-default) !important;
  }

  .filter-btn:hover {
    color: var(--color-accent-primary) !important;
    border-color: var(--color-accent-primary) !important;
  }

  .filter-btn.active {
    background: var(--color-accent-primary) !important;
    color: var(--color-text-inverse) !important;
    border-color: var(--color-accent-primary) !important;
  }

  /* Fix writings list cards */
  section li[style*="background-color: #fff"],
  section li[style*="background-color:#fff"] {
    background-color: var(--color-bg-elevated) !important;
    border-color: var(--color-border-default) !important;
  }

  /* Fix PDF/HTML buttons in writings list */
  a[style*="background-color: #f0f0f0"],
  a[style*="background-color:#f0f0f0"] {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
  }

  a[style*="background-color: #d4edda"],
  a[style*="background-color:#d4edda"] {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-accent-primary) !important;
  }
}