:root {
  --base-font-family: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --heading-font-family: "Bricolage Grotesque", var(--base-font-family);
  --code-font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --theme-color: #6a5cff;
  --link-color: var(--theme-color);
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.markdown-section code, .markdown-section pre code {
  font-family: var(--code-font-family);
}

.sidebar {
  border-right: 1px solid rgba(0,0,0,0.06);
}

.app-name {
  font-family: var(--heading-font-family);
}

.app-name img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 6px;
  border-radius: 4px;
}

.cover {
  background-image: linear-gradient(180deg, rgba(106,92,255,0.08), rgba(106,92,255,0));
}

.markdown-section table th, .markdown-section table td {
  vertical-align: top;
}

.notice {
  padding: 12px 14px;
  border-radius: 8px;
  margin: 16px 0;
}
.notice.info { background: #f0f3ff; border: 1px solid #dfe4ff; }
.notice.tip  { background: #f4fff6; border: 1px solid #dff7e6; }
.notice.warn { background: #fff9f0; border: 1px solid #ffe7c2; }