:root {
  --card-border: #ddd;
  --card-title: #222;
  --card-text: #555;
  --card-muted: #888;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --card-border: #3a3f47;
    --card-title: #f0f0f0;
    --card-text: #b8bcc4;
    --card-muted: #858b95;
  }
  body, .navbar-custom { background-color: #16181d; color: #d4d7dd; }
  .navbar-custom { border-bottom-color: #2a2e35; }
  .navbar-custom .navbar-brand, .navbar-custom .nav-link,
  .navbar-custom .dropdown-menu .dropdown-item { color: #d4d7dd !important; }
  .navbar-custom .nav-item.dropdown .dropdown-menu,
  .navbar-custom .nav-item.dropdown .dropdown-menu .dropdown-item { background-color: #1e2127 !important; border-color: #3a3f47 !important; }
  .navbar-custom .nav-item.dropdown .dropdown-menu .dropdown-item:hover { background-color: #2a2e35 !important; }
  .navbar-custom .navbar-toggler { filter: invert(1); }
  h1, h2, h3, h4, h5, h6 { color: #f0f0f0; }
  a { color: #6cb6ff; }
  a:hover { color: #9ccdff; }
  footer { background-color: #16181d; border-color: #2a2e35; }
  .page-subheading, .post-meta, .blog-subtitle { color: #858b95; }
  hr { border-color: #2a2e35; }
}