/* theme/css/catppuccin-mocha-code.css */

/* Base code block look: a bit lighter than page bg */
.hljs {
  background: #313244; /* surface0 */
  color: #cdd6f4;
}

pre code.hljs,
code.hljs {
  background: #313244; /* surface0 */
  color: #cdd6f4;
}

/* Tokens */
.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
  color: #cba6f7 !important; /* mauve */
}

.hljs-string,
.hljs-attribute,
.hljs-attr {
  color: #a6e3a1 !important; /* green */
}

.hljs-number,
.hljs-literal {
  color: #fab387 !important; /* peach */
}

.hljs-variable,
.hljs-tag,
.hljs-regexp,
.hljs-symbol,
.hljs-bullet {
  color: #f38ba8 !important; /* red/pink */
}

.hljs-comment {
  color: #585b70 !important;
  font-style: italic !important;
}

/* Block code only */
pre code.hljs {
  background: var(--code-bg); /* or #24283b if you prefer */
  color: #c0caf5;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 6px;
}

/* Optional: make inline highlighted code look normal */
:not(pre) > code.hljs {
  background: transparent;
  border: none;
  padding: 0;
}