pre {
  background-color: var(--bg-soft);
  border: 1px solid var(--border);
  padding: 10px;
  border-radius: 5px;
  overflow-x: auto;
}

code {
  font-family: "JetBrains Mono", monospace;
  color: var(--accent);
  font-weight: bold;
}

.keyword, .type, .builtin {
  color: var(--syntax-keyword);
  font-weight: bold;
}

.string {
  color: var(--syntax-string);
}

.function {
  color: var(--syntax-func);
}

.type {
  color: var(--syntax-type);
}

.number, .constant {
  color: var(--syntax-const);
}

.comment {
  color: var(--syntax-comment);
  font-style: italic;
}