/* Base styles - use transparent background to inherit from parent pre styles */
pre code.hljs { display: block; overflow-x: auto; padding: 0; }
code.hljs { padding: 0; }
.hljs { background: transparent; }
.hljs-emphasis { font-style: italic; }
.hljs-strong { font-weight: 700; }
.hljs-link { text-decoration: underline; }

/* Light theme colors (atom-one-light) */
[data-theme="light"] .hljs { color: #383a42; }
[data-theme="light"] .hljs-comment,
[data-theme="light"] .hljs-quote { color: #a0a1a7; font-style: italic; }
[data-theme="light"] .hljs-doctag,
[data-theme="light"] .hljs-formula,
[data-theme="light"] .hljs-keyword { color: #a626a4; }
[data-theme="light"] .hljs-deletion,
[data-theme="light"] .hljs-name,
[data-theme="light"] .hljs-section,
[data-theme="light"] .hljs-selector-tag,
[data-theme="light"] .hljs-subst { color: #e45649; }
[data-theme="light"] .hljs-literal { color: #0184bb; }
[data-theme="light"] .hljs-addition,
[data-theme="light"] .hljs-attribute,
[data-theme="light"] .hljs-meta .hljs-string,
[data-theme="light"] .hljs-regexp,
[data-theme="light"] .hljs-string { color: #50a14f; }
[data-theme="light"] .hljs-attr,
[data-theme="light"] .hljs-number,
[data-theme="light"] .hljs-selector-attr,
[data-theme="light"] .hljs-selector-class,
[data-theme="light"] .hljs-selector-pseudo,
[data-theme="light"] .hljs-template-variable,
[data-theme="light"] .hljs-type,
[data-theme="light"] .hljs-variable { color: #986801; }
[data-theme="light"] .hljs-bullet,
[data-theme="light"] .hljs-link,
[data-theme="light"] .hljs-meta,
[data-theme="light"] .hljs-selector-id,
[data-theme="light"] .hljs-symbol,
[data-theme="light"] .hljs-title { color: #4078f2; }
[data-theme="light"] .hljs-built_in,
[data-theme="light"] .hljs-class .hljs-title,
[data-theme="light"] .hljs-title.class_ { color: #c18401; }

/* Dark theme colors (atom-one-dark) */
[data-theme="dark"] .hljs { color: #abb2bf; }
[data-theme="dark"] .hljs-comment,
[data-theme="dark"] .hljs-quote { color: #5c6370; font-style: italic; }
[data-theme="dark"] .hljs-doctag,
[data-theme="dark"] .hljs-formula,
[data-theme="dark"] .hljs-keyword { color: #c678dd; }
[data-theme="dark"] .hljs-deletion,
[data-theme="dark"] .hljs-name,
[data-theme="dark"] .hljs-section,
[data-theme="dark"] .hljs-selector-tag,
[data-theme="dark"] .hljs-subst { color: #e06c75; }
[data-theme="dark"] .hljs-literal { color: #56b6c2; }
[data-theme="dark"] .hljs-addition,
[data-theme="dark"] .hljs-attribute,
[data-theme="dark"] .hljs-meta .hljs-string,
[data-theme="dark"] .hljs-regexp,
[data-theme="dark"] .hljs-string { color: #98c379; }
[data-theme="dark"] .hljs-attr,
[data-theme="dark"] .hljs-number,
[data-theme="dark"] .hljs-selector-attr,
[data-theme="dark"] .hljs-selector-class,
[data-theme="dark"] .hljs-selector-pseudo,
[data-theme="dark"] .hljs-template-variable,
[data-theme="dark"] .hljs-type,
[data-theme="dark"] .hljs-variable { color: #d19a66; }
[data-theme="dark"] .hljs-bullet,
[data-theme="dark"] .hljs-link,
[data-theme="dark"] .hljs-meta,
[data-theme="dark"] .hljs-selector-id,
[data-theme="dark"] .hljs-symbol,
[data-theme="dark"] .hljs-title { color: #61aeee; }
[data-theme="dark"] .hljs-built_in,
[data-theme="dark"] .hljs-class .hljs-title,
[data-theme="dark"] .hljs-title.class_ { color: #e6c07b; }

/* System preference fallbacks */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .hljs { color: #383a42; }
  :root:not([data-theme="dark"]) .hljs-comment,
  :root:not([data-theme="dark"]) .hljs-quote { color: #a0a1a7; font-style: italic; }
  :root:not([data-theme="dark"]) .hljs-doctag,
  :root:not([data-theme="dark"]) .hljs-formula,
  :root:not([data-theme="dark"]) .hljs-keyword { color: #a626a4; }
  :root:not([data-theme="dark"]) .hljs-deletion,
  :root:not([data-theme="dark"]) .hljs-name,
  :root:not([data-theme="dark"]) .hljs-section,
  :root:not([data-theme="dark"]) .hljs-selector-tag,
  :root:not([data-theme="dark"]) .hljs-subst { color: #e45649; }
  :root:not([data-theme="dark"]) .hljs-literal { color: #0184bb; }
  :root:not([data-theme="dark"]) .hljs-addition,
  :root:not([data-theme="dark"]) .hljs-attribute,
  :root:not([data-theme="dark"]) .hljs-meta .hljs-string,
  :root:not([data-theme="dark"]) .hljs-regexp,
  :root:not([data-theme="dark"]) .hljs-string { color: #50a14f; }
  :root:not([data-theme="dark"]) .hljs-attr,
  :root:not([data-theme="dark"]) .hljs-number,
  :root:not([data-theme="dark"]) .hljs-selector-attr,
  :root:not([data-theme="dark"]) .hljs-selector-class,
  :root:not([data-theme="dark"]) .hljs-selector-pseudo,
  :root:not([data-theme="dark"]) .hljs-template-variable,
  :root:not([data-theme="dark"]) .hljs-type,
  :root:not([data-theme="dark"]) .hljs-variable { color: #986801; }
  :root:not([data-theme="dark"]) .hljs-bullet,
  :root:not([data-theme="dark"]) .hljs-link,
  :root:not([data-theme="dark"]) .hljs-meta,
  :root:not([data-theme="dark"]) .hljs-selector-id,
  :root:not([data-theme="dark"]) .hljs-symbol,
  :root:not([data-theme="dark"]) .hljs-title { color: #4078f2; }
  :root:not([data-theme="dark"]) .hljs-built_in,
  :root:not([data-theme="dark"]) .hljs-class .hljs-title,
  :root:not([data-theme="dark"]) .hljs-title.class_ { color: #c18401; }
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .hljs { color: #abb2bf; }
  :root:not([data-theme="light"]) .hljs-comment,
  :root:not([data-theme="light"]) .hljs-quote { color: #5c6370; font-style: italic; }
  :root:not([data-theme="light"]) .hljs-doctag,
  :root:not([data-theme="light"]) .hljs-formula,
  :root:not([data-theme="light"]) .hljs-keyword { color: #c678dd; }
  :root:not([data-theme="light"]) .hljs-deletion,
  :root:not([data-theme="light"]) .hljs-name,
  :root:not([data-theme="light"]) .hljs-section,
  :root:not([data-theme="light"]) .hljs-selector-tag,
  :root:not([data-theme="light"]) .hljs-subst { color: #e06c75; }
  :root:not([data-theme="light"]) .hljs-literal { color: #56b6c2; }
  :root:not([data-theme="light"]) .hljs-addition,
  :root:not([data-theme="light"]) .hljs-attribute,
  :root:not([data-theme="light"]) .hljs-meta .hljs-string,
  :root:not([data-theme="light"]) .hljs-regexp,
  :root:not([data-theme="light"]) .hljs-string { color: #98c379; }
  :root:not([data-theme="light"]) .hljs-attr,
  :root:not([data-theme="light"]) .hljs-number,
  :root:not([data-theme="light"]) .hljs-selector-attr,
  :root:not([data-theme="light"]) .hljs-selector-class,
  :root:not([data-theme="light"]) .hljs-selector-pseudo,
  :root:not([data-theme="light"]) .hljs-template-variable,
  :root:not([data-theme="light"]) .hljs-type,
  :root:not([data-theme="light"]) .hljs-variable { color: #d19a66; }
  :root:not([data-theme="light"]) .hljs-bullet,
  :root:not([data-theme="light"]) .hljs-link,
  :root:not([data-theme="light"]) .hljs-meta,
  :root:not([data-theme="light"]) .hljs-selector-id,
  :root:not([data-theme="light"]) .hljs-symbol,
  :root:not([data-theme="light"]) .hljs-title { color: #61aeee; }
  :root:not([data-theme="light"]) .hljs-built_in,
  :root:not([data-theme="light"]) .hljs-class .hljs-title,
  :root:not([data-theme="light"]) .hljs-title.class_ { color: #e6c07b; }
}