:root {
  --bg: #0f1a2b;
  --bg-alt: #162033;
  --bg-card: #1a2639;
  --text: #e0d8cc;
  --text-muted: #8a8278;
  --heading: #e8dcc8;
  --border: #2a3448;
  --gold: #c9a84c;
  --gold-dim: #8a7a3a;
  --link: #c9a84c;
  --link-hover: #dbb85c;
  --input-bg: #1a2639;
  --navbar-bg: #0f1a2b;
  --footer-bg: #0a1220;
  --code-bg: #1a2639;
}

body {
  background-color: var(--bg);
  color: var(--text);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--heading);
}

a {
  color: var(--link);
}
a:hover {
  color: var(--link-hover);
}

.navbar {
  background: var(--navbar-bg) !important;
  border-bottom: 1px solid var(--border);
}
.navbar .nav-link {
  color: var(--text) !important;
}
.navbar .nav-link:hover {
  color: var(--gold) !important;
}
.navbar .navbar-brand span:last-child {
  color: var(--text-muted) !important;
}

.dropdown-menu {
  background: var(--bg-card);
  border: 1px solid var(--border);
}
.dropdown-item {
  color: var(--text);
}
.dropdown-item:hover {
  background: var(--bg-alt);
  color: var(--gold);
}

.footer {
  background: var(--footer-bg);
  border-top: 1px solid var(--border);
}
.footer a {
  color: var(--text-muted);
}
.footer a:hover {
  color: var(--gold);
}
.footer h5 {
  color: var(--heading);
}
.footer p {
  color: var(--text-muted);
}

.hero-section {
  background: linear-gradient(135deg, #0f1a2b 0%, #1a2639 50%, #0f1a2b 100%);
}
.hero-section h1 {
  color: var(--heading);
}
.hero-subtitle {
  color: var(--text-muted);
}
.hero-search-input {
  background: var(--input-bg) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}

.home-section-alt {
  background: var(--bg-alt);
}

.stat-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
}
.stat-number {
  color: var(--gold);
}
.stat-label {
  color: var(--text-muted);
}

.explore-card, .article-card, .category-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
}
.explore-card:hover, .article-card:hover, .category-card:hover {
  border-color: var(--gold);
  background: #1e2c42;
}
.explore-card h3, .article-card h3 {
  color: var(--heading);
}
.explore-card p, .article-card p {
  color: var(--text-muted);
}

.sidebar {
  background: var(--bg-alt) !important;
  border-right: 1px solid var(--border);
}
.sidebar .nav-link {
  color: var(--text-muted);
}
.sidebar .nav-link:hover {
  color: var(--gold);
}
.sidebar .nav-section {
  color: var(--gold);
}

.toc-sidebar {
  border-left: 1px solid var(--border);
}
.toc-title {
  color: var(--gold);
}
#toc a {
  color: var(--text-muted);
}
#toc a:hover {
  color: var(--gold);
}

.main-content .content {
  color: var(--text);
}
.main-content .content h1,
.main-content .content h2,
.main-content .content h3 {
  color: var(--heading);
}

.breadcrumb-item a {
  color: var(--text-muted);
}
.breadcrumb-item.active {
  color: var(--gold);
}
.breadcrumb-bar {
  border-bottom: 1px solid var(--border);
}

.section-item {
  border-bottom: 1px solid var(--border);
}
.section-item h3 a {
  color: var(--heading);
}

.article-meta {
  color: var(--text-muted);
}

.tag {
  background: var(--bg-card);
  border: 1px solid var(--border);
  color: var(--text-muted);
}
.tag:hover {
  border-color: var(--gold);
  color: var(--gold);
}

.legal-disclaimer {
  background: var(--bg-alt);
  border: 1px solid var(--border);
  color: var(--text-muted);
}

blockquote {
  border-left: 3px solid var(--gold);
  background: var(--bg-alt);
  color: var(--text-muted);
}

code, pre {
  background: var(--code-bg);
  color: var(--text);
}

hr {
  border-color: var(--border);
}

.back-to-top {
  background: var(--gold);
  color: #0f1a2b;
}
.back-to-top:hover {
  background: var(--gold);
  color: #0f1a2b;
}

#search-modal .modal-content {
  background: var(--bg-card);
  border: 1px solid var(--border);
}
#search-modal .modal-header {
  border-bottom: 1px solid var(--border);
}
#search-modal .modal-footer {
  border-top: 1px solid var(--border);
}
.search-result-item {
  border-bottom: 1px solid var(--border);
}
.search-result-item a {
  color: var(--gold);
}
.result-meta {
  color: var(--text-muted);
}
.result-excerpt {
  color: var(--text-muted);
}

.glossary-page .content p {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-left: 4px solid var(--gold) !important;
}
.glossary-page .content p:hover {
  background: #1e2c42 !important;
}

table {
  border-color: var(--border);
}
th, td {
  border-color: var(--border);
}