/**
 * syntax-highlight.css
 * Syntax highlighting for code blocks (Atom One Dark theme)
 */

/* Syntax highlighting tokens */
.post-content pre code .token.comment,
.post-content pre code .token.prolog,
.post-content pre code .token.doctype,
.post-content pre code .token.cdata {
  color: #5c6370;
  font-style: italic;
}

.post-content pre code .token.punctuation {
  color: #abb2bf;
}

.post-content pre code .token.property,
.post-content pre code .token.tag,
.post-content pre code .token.boolean,
.post-content pre code .token.number,
.post-content pre code .token.constant,
.post-content pre code .token.symbol,
.post-content pre code .token.deleted {
  color: #d19a66;
}

.post-content pre code .token.selector,
.post-content pre code .token.attr-name,
.post-content pre code .token.string,
.post-content pre code .token.char,
.post-content pre code .token.builtin,
.post-content pre code .token.inserted {
  color: #98c379;
}

.post-content pre code .token.operator,
.post-content pre code .token.entity,
.post-content pre code .token.url,
.language-css .post-content pre code .token.string,
.style .post-content pre code .token.string {
  color: #56b6c2;
}

.post-content pre code .token.atrule,
.post-content pre code .token.attr-value,
.post-content pre code .token.keyword {
  color: #c678dd;
  font-weight: 600;
}

.post-content pre code .token.function,
.post-content pre code .token.class-name {
  color: #61afef;
}

.post-content pre code .token.regex,
.post-content pre code .token.important,
.post-content pre code .token.variable {
  color: #e06c75;
}

.post-content pre code .token.important,
.post-content pre code .token.bold {
  font-weight: bold;
}

.post-content pre code .token.italic {
  font-style: italic;
}

.post-content pre code .token.entity {
  cursor: help;
}

/* Language-specific highlighting */
.post-content pre code .language-bash .token.function {
  color: #61afef;
}

.post-content pre code .language-json .token.property {
  color: #e06c75;
}

.post-content pre code .language-json .token.string {
  color: #98c379;
}

/* Line highlighting */
.post-content pre code .highlight-line {
  display: block;
  background-color: rgba(255, 255, 255, 0.05);
  margin: 0 -24px;
  padding: 0 24px;
  border-left: 3px solid #61afef;
}

/* Inline code has different styling */
.post-content code:not(pre code) {
  background: #f5f5f5;
  color: #111;
  padding: 0.2em 0.4em;
  border-radius: 3px;
  font-size: 0.9em;
  border: 1px solid #ddd;
}