/* Minimal dark mode overrides without changing existing structure */

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }

  body {
    background-color: #0f1115;
    color: #e6e6e6;
  }

  .header-text,
  .banner,
  .page-heading,
  .best-features,
  .latest-products,
  .call-to-action,
  .footer,
  .inner-content {
    background-color: transparent;
    color: inherit;
  }

  .card,
  .blog-post-item .card,
  .blog-post-content,
  .section-heading,
  .navbar,
  .dropdown-menu {
    background-color: #171a21 !important;
    color: #e6e6e6;
    border-color: #2a2f3a !important;
  }

  .card .card-subtitle,
  .text-muted,
  .nav-link,
  .footer .text-muted {
    color: #a9b1ba !important;
  }

  .btn,
  .btn-outline-primary,
  .btn-outline-secondary,
  .btn-outline-danger {
    color: #e6e6e6;
    border-color: #3a4150;
  }
  .btn-outline-primary:hover {
    background-color: #2a2f3a;
  }

  .filled-button,
  .btn-primary {
    background-color: #2f81f7;
    border-color: #2f81f7;
    color: #fff;
  }

  /* Links */
  a { color: #7aa2f7; }
  a:hover { color: #a8c5ff; }

  /* Post hero image wrapper */
  .post-hero {
    background: transparent;
  }

  /* Tables (if any in content) */
  table {
    color: inherit;
  }

  /* Borders and separators */
  .border-bottom { border-bottom-color: #2a2f3a !important; }
}