/* Simple Clean Dark Theme */

:root {
  --md-primary-fg-color: #3b82f6;
  --md-accent-fg-color: #f59e0b;
  --md-default-bg-color: #0f172a;
  --md-code-bg-color: #1a1f3a;
}

/* Overall */
body {
  background: #0f172a;
  color: #e0e7ff;
}

.md-page {
  background: transparent;
}

/* Header */
.md-header {
  background: #0f172a;
  border-bottom: 2px solid #3b82f6;
}

.md-header__title {
  font-weight: 700;
  font-size: 1.3em;
  color: #60a5fa;
}

/* Sidebar */
.md-sidebar-primary {
  background-color: #0f172a;
}

.md-nav__link {
  color: #cbd5e1;
  transition: color 0.2s;
}

.md-nav__link:hover {
  color: #f59e0b;
}

.md-nav__link--active {
  color: #f59e0b;
  font-weight: 700;
}

/* Main Content */
.md-content {
  color: #e0e7ff;
}

/* Search */
.md-search__input {
  background-color: #1a1f3a;
  color: #e0e7ff;
  border: 2px solid #3b82f6;
}

.md-search__input::placeholder {
  color: #64748b;
}

/* AI Search Container */
#ai-chat-container {
  background: #1a1f3a;
  border: 2px solid #3b82f6;
  border-radius: 8px;
  padding: 1.5em;
}

#ai-search-input {
  background-color: #0f172a !important;
  color: #e0e7ff !important;
  border: 2px solid #3b82f6 !important;
  padding: 12px !important;
}

#ai-search-input::placeholder {
  color: #64748b !important;
}

/* Headings */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  color: #f0f9ff;
  font-weight: 700;
}

.md-typeset h1 {
  border-bottom: 2px solid #f59e0b;
  padding-bottom: 0.5em;
}

.md-typeset h2 {
  color: #60a5fa;
}

/* Text */
.md-typeset p {
  margin-bottom: 1em;
}

/* Links */
a {
  color: #f59e0b;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Code */
.highlight {
  background-color: #0f172a;
  border: 1px solid #1e3a8a;
  border-radius: 4px;
  padding: 1em;
}

.md-typeset code {
  background-color: #1a1f3a;
  color: #fbbf24;
  padding: 0.2em 0.4em;
}

/* Tables */
.md-typeset table {
  border-color: #1e3a8a;
}

.md-typeset tbody tr:hover {
  background-color: #1a1f3a;
}

/* Footer */
.md-footer {
  background: #0f172a;
  border-top: 2px solid #3b82f6;
}

.md-footer__link {
  color: #cbd5e1;
}

.md-footer__link:hover {
  color: #f59e0b;
}

/* Markdown in search results */
#ai-search-results strong {
  color: #fbbf24;
  font-weight: 700;
}

#ai-search-results h1,
#ai-search-results h2,
#ai-search-results h3,
#ai-search-results h4,
#ai-search-results h5,
#ai-search-results h6 {
  color: #60a5fa;
  font-weight: 700;
  margin-top: 0.8em;
  margin-bottom: 0.4em;
}

#ai-search-results ul,
#ai-search-results ol {
  margin: 0.8em 0;
  padding-left: 1.5em;
}

#ai-search-results li {
  margin: 0.3em 0;
}

#ai-search-results code {
  background-color: #1a1f3a;
  color: #fbbf24;
  padding: 0.2em 0.4em;
}

#ai-search-results pre {
  background-color: #0f172a;
  border: 1px solid #1e3a8a;
  padding: 1em;
  overflow-x: auto;
}

#ai-search-results blockquote {
  border-left: 4px solid #f59e0b;
  background-color: #1a1f3a;
  padding: 0.8em 1em;
  margin: 0.8em 0;
}