:root {
    --bg: #0f172a;
    --fg: #e2e8f0;
    --sidebar-bg: #1e293b;
    --sidebar-fg: #94a3b8;
    --sidebar-active: #6366f1;
    --links: #818cf8;
    --inline-code-color: #f472b6;
}

.sidebar { background-color: var(--sidebar-bg); }
.content { max-width: 900px; }

/* Code blocks */
pre { background: #1e293b !important; border-radius: 8px; }
code { color: var(--inline-code-color); }

/* Headers */
h1, h2, h3, h4 { color: #f1f5f9; }

/* Links */
a { color: var(--links); }
a:hover { color: #a5b4fc; }

/* Tables */
table { border-collapse: collapse; width: 100%; }
th { background: #1e293b; color: #e2e8f0; padding: 8px 12px; }
td { padding: 8px 12px; border-bottom: 1px solid #334155; }
tr:nth-child(even) { background: #1e293b22; }

/* Sidebar active link */
.chapter li.chapter-item a.active { color: var(--sidebar-active); font-weight: 600; }

/* Note/warning blocks */
.warning { background: #1e293b; border-left: 4px solid #f59e0b; padding: 12px 16px; border-radius: 4px; }
.note { background: #1e293b; border-left: 4px solid #6366f1; padding: 12px 16px; border-radius: 4px; }

/* Language tab switcher */
.lang-tab-container { margin: 1.5em 0; }
.lang-tabs { display: flex; gap: 0; border-bottom: 2px solid #334155; margin-bottom: 0; }
.lang-tab {
  padding: 6px 16px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: #94a3b8;
  cursor: pointer;
  font-size: 0.85em;
  font-family: inherit;
  margin-bottom: -2px;
  transition: color 0.15s;
}
.lang-tab:hover { color: #e2e8f0; }
.lang-tab.active { color: #818cf8; border-bottom-color: #6366f1; }
.lang-tab-container pre { margin-top: 0; border-top-left-radius: 0; }