/* Syntax highlighting for code blocks */
.highlight {
  background-color: var(--bg-secondary);
  border-radius: 8px;
  padding: var(--spacing-sm);
  overflow-x: auto;
  margin: var(--spacing-sm) 0;
}

/* Light mode syntax colors */
:root {
  --syntax-text: #24292e;
  --syntax-comment: #6a737d;
  --syntax-keyword: #d73a49;
  --syntax-string: #032f62;
  --syntax-function: #6f42c1;
  --syntax-number: #005cc5;
}

/* Dark mode syntax colors */
[data-theme="dark"] {
  --syntax-text: #c9d1d9;
  --syntax-comment: #8b949e;
  --syntax-keyword: #ff7b72;
  --syntax-string: #a5d6ff;
  --syntax-function: #d2a8ff;
  --syntax-number: #79c0ff;
}

.highlight pre {
  background-color: var(--bg-secondary);
  color: var(--syntax-text);
  margin: 0;
  padding: var(--spacing-sm);
}

.highlight .c,
.highlight .cm,
.highlight .c1 { color: var(--syntax-comment); font-style: italic; }

.highlight .k,
.highlight .kd,
.highlight .kn,
.highlight .kp,
.highlight .kr,
.highlight .kt { color: var(--syntax-keyword); font-weight: bold; }

.highlight .s,
.highlight .s1,
.highlight .s2,
.highlight .sb,
.highlight .sc { color: var(--syntax-string); }

.highlight .nf,
.highlight .nx { color: var(--syntax-function); }

.highlight .m,
.highlight .mi,
.highlight .mf,
.highlight .mh { color: var(--syntax-number); }

.highlight .na { color: var(--accent-orange); }
.highlight .nb { color: var(--syntax-function); }
.highlight .nc { color: var(--syntax-keyword); font-weight: bold; }
.highlight .err { color: #f97583; }