:root {
  --bg: #0d1117;
  --bg2: #161b22;
  --bg3: #21262d;
  --border: #30363d;
  --fg: #c9d1d9;
  --muted: #8b949e;
  --accent: #58a6ff;
  --ok: #238636;
  --warn: #d29922;
  --err: #f85149;
}

body {
  color: var(--fg);
  background: var(--bg);
}

h1, h2, h3 {
  color: var(--accent);
}

h1 {
  border-bottom-color: var(--accent);
}

h2 {
  border-left-color: var(--accent);
}

code {
  background: var(--bg3);
  color: var(--fg);
}

pre {
  background: var(--bg2);
  color: var(--fg);
  border: 1px solid var(--border);
}

pre .comment { color: var(--muted); }
pre .keyword { color: #ff7b72; }
pre .string { color: #a5d6ff; }
pre .number { color: #79c0ff; }
pre .func { color: #d2a8ff; }

.note {
  background: rgba(210, 153, 34, 0.12);
  border-left-color: var(--warn);
  color: var(--fg);
}

.tip {
  background: rgba(88, 166, 255, 0.12);
  border-left-color: var(--accent);
  color: var(--fg);
}

table {
  background: var(--bg2);
}

th, td {
  border-color: var(--border);
}

th {
  background: var(--bg3);
  color: var(--fg);
}

tr:nth-child(even) { background: rgba(255, 255, 255, 0.03); }

.math {
  background: var(--bg3);
  color: var(--fg);
}

.diagram {
  background: var(--bg2);
  border-color: var(--border);
}

a { color: var(--accent); }