/* Syntax highlighting: CodeHighlighter が付けるトークン class の配色。
   コードブロックの背景は blog.css の .blog-post__body pre(濃紺)に合わせている。 */

.blog-post__body pre.highlight {
  position: relative;
  tab-size: 2;
}

.blog-post__body pre.highlight code {
  color: #e5e7eb;
}

.hl-comment { color: #94a3b8; font-style: italic; }
.hl-string  { color: #86efac; }
.hl-number  { color: #fdba74; }
.hl-keyword { color: #c4b5fd; }
.hl-const   { color: #7dd3fc; }
.hl-func    { color: #93c5fd; }
.hl-var     { color: #fca5a5; }
.hl-tag     { color: #7dd3fc; }
.hl-attr    { color: #fcd34d; }
.hl-op      { color: #cbd5e1; }