/* ==========================================================================
   Syntax Highlighting (Tree-sitter / SuperMD)
   ========================================================================== */
:root {
  --hl-keyword: #0969da;
  --hl-type: #0550ae;
  --hl-string: #0a7a3b;
  --hl-number: #953800;
  --hl-comment: #6e7781;
  --hl-func: #8250df;
  --hl-constant: #cf222e;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --hl-keyword: #79c0ff;
    --hl-type: #ffa657;
    --hl-string: #7ee787;
    --hl-number: #f2cc60;
    --hl-comment: #8b949e;
    --hl-func: #d2a8ff;
    --hl-constant: #ff7b72;
  }
}

[data-theme="dark"] {
  --hl-keyword: #79c0ff;
  --hl-type: #ffa657;
  --hl-string: #7ee787;
  --hl-number: #f2cc60;
  --hl-comment: #8b949e;
  --hl-func: #d2a8ff;
  --hl-constant: #ff7b72;
}

[data-theme="light"] {
  --hl-keyword: #0969da;
  --hl-type: #0550ae;
  --hl-string: #0a7a3b;
  --hl-number: #953800;
  --hl-comment: #6e7781;
  --hl-func: #8250df;
  --hl-constant: #cf222e;
}

pre code {
  color: var(--text-primary);
}

pre code .keyword {
  color: var(--hl-keyword);
  font-weight: 500;
}

pre code .type {
  color: var(--hl-type);
  font-weight: 500;
}

pre code .string {
  color: var(--hl-string);
}

pre code .numeric.constant,
pre code .constant,
pre code .number {
  color: var(--hl-number);
}

pre code .function {
  color: var(--hl-func);
}

pre code .comment {
  color: var(--hl-comment);
  font-style: italic;
}