/* NxGenLab Wiki — FlowZero / DryBox design tokens */
:root {
  --theme-color: #00d4ff;
  --nxgen-bg: #0d1117;
  --nxgen-sidebar: #161b22;
  --nxgen-text: #e6edf3;
  --nxgen-dim: #8b949e;
  --nxgen-border: #30363d;
}

body {
  background: var(--nxgen-bg);
}

.sidebar {
  background-color: var(--nxgen-sidebar) !important;
  border-right: 1px solid var(--nxgen-border);
}

.sidebar .app-name-link {
  color: var(--theme-color) !important;
  font-weight: 700;
}

.sidebar-nav li a {
  color: var(--nxgen-dim);
}

.sidebar-nav li a:hover,
.sidebar-nav li.active > a {
  color: var(--theme-color) !important;
}

.markdown-section {
  color: var(--nxgen-text);
  max-width: 860px;
}

.markdown-section h1,
.markdown-section h2,
.markdown-section h3 {
  color: var(--nxgen-text);
  border-bottom-color: var(--nxgen-border);
}

.markdown-section a {
  color: var(--theme-color);
}

.markdown-section code {
  background: #21262d;
  color: #79c0ff;
  border-radius: 4px;
}

.markdown-section pre {
  background: #161b22 !important;
  border: 1px solid var(--nxgen-border);
  border-radius: 8px;
}

.markdown-section table {
  display: table;
  width: 100%;
}

.markdown-section table th {
  background: #21262d;
  color: var(--theme-color);
}

.markdown-section table tr:nth-child(2n) {
  background: rgba(22, 27, 34, 0.6);
}

.markdown-section blockquote {
  border-left: 4px solid var(--theme-color);
  background: rgba(0, 212, 255, 0.06);
  color: var(--nxgen-dim);
}

.app-sub-sidebar li:before {
  background: var(--theme-color);
}

section.cover {
  background: linear-gradient(160deg, #0d1117 0%, #1a2332 100%) !important;
}

.cover-main h1 {
  color: var(--theme-color) !important;
}

.cover-main p {
  color: var(--nxgen-dim) !important;
}

.cover-main .anchor span {
  color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}

.search input {
  background: var(--nxgen-bg) !important;
  border: 1px solid var(--nxgen-border) !important;
  color: var(--nxgen-text) !important;
}

.pagination-item-title {
  color: var(--theme-color) !important;
}

.badge {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
}
.badge-live { background: rgba(63,185,80,0.2); color: #3fb950; }
.badge-beta { background: rgba(210,153,34,0.2); color: #d29922; }
.badge-plan { background: rgba(139,148,158,0.2); color: #8b949e; }