/* Dark Theme Specifics */
body, main {
  background-color: #0f172a; /* Midnight Slate */
  color: #e2e8f0; /* Light Slate Text */
}

h1, h2, h3, h4, h5, h6 {
  color: white;
  border-bottom-color: #1e293b;
}

/* Links & Navigation */
.navigation-bar,
.navigation-bar i,
.navigation-bar a {
  color: #22d3ee; /* Cyan/Light Blue for dark mode visibility */
  text-decoration: none;
}
.navigation-bar a:hover {
  text-decoration: underline;
}

/* Sidebar & Cards */
.card, .sidebar .card {
  background-color: #1e293b; /* Darker Slate */
  border: 1px solid #334155;
  color: #e2e8f0;
}

.card-header {
  color: white;
  border-bottom: 1px solid #334155;
}

/* Code Blocks - Let main.css handle the structure, just fine tune colors if needed */
/* Removing conflicting pre code blocks as main.css is already optimal dark theme */

/* Feedback Section */
svg path {
  fill: white;
}

.related-article .article a,
.related-article .article i {
  color: #22d3ee; /* Cyan */
}

.otro-blockquote {
  background-color: #1e293b;
  color: #e2e8f0;
  border-left-color: #22d3ee;
}

p {
  color: #cbd5e1;
}