/* Catch both auto-dark and toggle-based dark classes */
@media ((prefers-color-scheme: dark) and (not (forced-colors: active))) {
  html, body { background:#000 !important; color:#fff !important; }
}
html.dark, body.dark, [data-theme="dark"] {
  background:#000 !important; color:#fff !important;
}
.footer, .footer a {
  background:#00000000 !important; color:#fff !important; border-color:#ffffff !important;
}
/* Common containers in Gokarna */
.content, .post, .page, .list, .pagination,
.tag, .breadcrumbs {
  background:#000 !important; color:#fff !important; border-color:#ffffff !important;
}

/* Table of Contents Styling */
#toc,
#TableOfContents {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  padding: 1rem;
  margin: 1rem 0;
  color: #e5e5e5;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* TOC Links */
#toc a,
#TableOfContents a {
  color: #b3b3b3;
  text-decoration: none;
}

#toc a:hover,
#TableOfContents a:hover {
  color: #ffffff; 
}


.header, .nav-hamburger-list, .card, .tags {
  background: rgba(0, 0, 0, 0.3) !important; 
  backdrop-filter: blur(4px) saturate(180%);
  -webkit-backdrop-filter: blur(5px) saturate(180%);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 0.8rem;
}

/*navbar*/
.header .dark-theme-toggle {
  display: none !important;
}
a { color:#f7faff !important;}
a:hover, a:focus { color:#b3b3b3 !important; }

/* Code blocks */
pre, code, kbd, samp {
  background:#0a0a0a !important; color:#ffffff !important; border-color:#222 !important;
}

html.dark svg *, [data-theme="dark"] svg * { stroke:#fff !important; }

/* Tables */
table { background:#000 !important; }
td, th { border-color:#222 !important; }

/* Inputs */
input, textarea, select { background:#0a0a0a !important; color:#fff !important; border-color:#000000 !important; }