:root {
  /* Align with landing + TUI (theme.rs ACCENT / amber) */
  --akmon-amber: #f59e0b;
  --akmon-green: #10b981;
  --akmon-accent: #7dd3fc;
  --akmon-accent-dim: #58a6cd;
  --akmon-accent-deep: #569cd6;
}

.sidebar .sidebar-scrollbox {
  border-right: 2px solid var(--akmon-accent);
  box-shadow: 1px 0 0 0 rgba(245, 158, 11, 0.45);
}

/* Blue → amber bar on code blocks (replaces flat amber border) */
pre {
  position: relative;
  border-left: none !important;
}

pre::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(
    180deg,
    var(--akmon-accent) 0%,
    var(--akmon-amber) 100%
  );
  border-radius: 2px 0 0 2px;
  pointer-events: none;
}

.chapter li a.active {
  color: var(--akmon-accent-deep);
  font-weight: 600;
}

.chapter li a:hover {
  color: var(--akmon-accent-dim);
}

.tip {
  border-left: 4px solid var(--akmon-green);
  padding: 12px 16px;
  background: rgba(16, 185, 129, 0.08);
  border-radius: 0 4px 4px 0;
  margin: 16px 0;
}

.warning {
  border-left: 4px solid #f59e0b;
  padding: 12px 16px;
  background: rgba(245, 158, 11, 0.08);
  border-radius: 0 4px 4px 0;
  margin: 16px 0;
}

.chapter li.chapter-item {
  font-size: 0.95em;
}

code {
  font-size: 0.88em;
}