:root {
  --bg: #f6f8fa;
  --fg: #23232e;
  --window-bg: #fff;
  --window-border: #e1e4e8;
  --body-color: #23232e;
  --heading: #23232e;
  --link: #0366d6;
  --link-hover: #0056b3;
  --code-bg: #f6f8fa;
  --blockquote: #6a737d;
  --blockquote-border: #d1d5da;
  --table-bg: #fff;
  --table-border: #e1e4e8;
  --button-bg: #f6f8fa;
  --button-fg: #23232e;
  --button-border: #e1e4e8;
  --button-hover-bg: #e1e4e8;
  --button-hover-fg: #23232e;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #2c2c32;
    --fg: #e6e6e6;
    --window-bg: #23232e;
    --window-border: #222226;
    --body-color: #e6e6e6;
    --heading: #fff;
    --link: #8ab4f8;
    --link-hover: #fff;
    --code-bg: #181a1b;
    --blockquote: #b0b0b0;
    --blockquote-border: #444c56;
    --table-bg: #23232e;
    --table-border: #444c56;
    --button-bg: #23232e;
    --button-fg: #e6e6e6;
    --button-border: #444c56;
    --button-hover-bg: #444c56;
    --button-hover-fg: #fff;
  }
}
body {
  background: var(--bg);
  color: var(--body-color);
  font-family: 'Fira Mono', 'Consolas', 'Menlo', monospace;
  margin: 0;
  min-height: 100vh;
}
.terminal-window {
  max-width: 800px;
  margin: 48px auto;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  background: var(--window-bg);
  border: 1.5px solid var(--window-border);
}
.terminal-body {
  background: var(--window-bg);
  color: var(--body-color);
  font-family: 'Fira Mono', 'Consolas', 'Menlo', monospace;
  padding: 32px 32px 40px 32px;
  min-height: 400px;
  border-radius: 0 0 8px 8px;
}
.markdown-body {
  background: none;
  color: var(--body-color);
  box-shadow: none;
  border-radius: 0;
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  color: var(--heading);
  font-weight: 700;
}
.markdown-body a {
  color: var(--link);
}
.markdown-body a:hover {
  color: var(--link-hover);
}
.markdown-body code,
.markdown-body pre {
  background: var(--code-bg);
  color: var(--body-color);
  border-radius: 4px;
}
.markdown-body blockquote {
  color: var(--blockquote);
  border-left: 0.25em solid var(--blockquote-border);
}
.markdown-body table {
  background: var(--table-bg);
}
.markdown-body th,
.markdown-body td {
  border-color: var(--table-border);
}