/*
 * Syntax highlighting theme for Highlight.js
 * GitHub-inspired light theme with dark mode support
 */

/* -- Copy button ---------------------------------------------------------- */

.code-copy-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  padding: 0.25rem 0.5rem;
  font-family: ui-sans-serif, system-ui, sans-serif;
  font-size: 0.75rem;
  line-height: 1;
  color: #57606a;
  background-color: #f6f8fa;
  border: 1px solid #d0d7de;
  border-radius: 0.375rem;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s ease;
}

pre:hover .code-copy-btn {
  opacity: 1;
}

.code-copy-btn:hover {
  background-color: #eaeef2;
  color: #24292f;
}

/* -- Light theme (default) ------------------------------------------------ */

.hljs {
  color: #24292f;
  background: #f6f8fa;
}

.hljs-comment,
.hljs-quote {
  color: #6e7781;
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-section,
.hljs-meta-keyword {
  color: #cf222e;
  font-weight: 600;
}

.hljs-string,
.hljs-addition {
  color: #0a3069;
}

.hljs-number,
.hljs-literal {
  color: #0550ae;
}

.hljs-built_in,
.hljs-type,
.hljs-params {
  color: #953800;
}

.hljs-title,
.hljs-title.class_,
.hljs-title.function_ {
  color: #8250df;
}

.hljs-attr,
.hljs-attribute,
.hljs-symbol {
  color: #0550ae;
}

.hljs-selector-class,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #6639ba;
}

.hljs-regexp {
  color: #0a3069;
}

.hljs-variable,
.hljs-template-variable {
  color: #953800;
}

.hljs-deletion {
  color: #82071e;
  background-color: #ffebe9;
}

.hljs-addition {
  background-color: #dafbe1;
}

.hljs-meta,
.hljs-meta .hljs-string {
  color: #0550ae;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: 700;
}

.hljs-link {
  color: #0550ae;
  text-decoration: underline;
}