/* ==========================================================================
   Dark-mode fixes for NeoDimensional's CUSTOM content.
   The Orisa theme's dark mode was built for its own demo content; our custom
   sections (blog takeaways, solution-page panels, author card, comparison table,
   logo) hardcoded light colors that didn't switch. These tokens + overrides make
   them theme-aware. Loaded AFTER main.css so it wins. Light values match the
   originals so light mode is unchanged.
   ========================================================================== */

:root {
  --nd-soft-bg: #FBF4F1;              /* blog "key takeaways" + solution highlight boxes */
  --nd-soft-border: rgba(240, 70, 14, .18);
  --nd-panel-bg: #FFFFFF;             /* solution-page white cards */
  --nd-panel-border: rgba(16, 16, 16, .08);
  --nd-author-bg: #f6f6f5;            /* blog author card */
  --nd-table-cell: #F6F6F5;           /* comparison-table non-highlight cells */
  --nd-table-ink: #101010;
}

[data-bs-theme="dark"] {
  --nd-soft-bg: #2a251d;             /* elevated warm card, distinct from the dark page */
  --nd-soft-border: rgba(240, 70, 14, .32);
  --nd-panel-bg: #262320;            /* elevated neutral card */
  --nd-panel-border: rgba(255, 255, 255, .10);
  --nd-author-bg: #242220;
  --nd-table-cell: #2a2822;
  --nd-table-ink: #ece8e1;
}

/* Header/sidebar/footer logo: the theme inverts its own demo logo on dark, which
   turned our brand-orange PNG cyan. Force a clean white monochrome instead. */
[data-bs-theme="dark"] img[src*="neodimensional-logo"] {
  filter: brightness(0) invert(1) !important;
}

/* Give the (now-dark) solution-page panels a visible edge so they don't melt into
   the page background in dark mode. */
[data-bs-theme="dark"] .nd-panel {
  border: 1px solid var(--nd-panel-border);
}

/* Blog "category / thumb" label used a mid-neutral that can go too dark on dark. */
[data-bs-theme="dark"] .nav-menu__item.neutral-500 {
  color: #c9c3b8 !important;
}