/* Dark-mode color overrides for highlight.js atom-one-dark theme, scoped to [data-mode="dark"] on . Kept as overrides (rather than a full theme swap) so we can hot-swap by attribute toggle without re-downloading stylesheets. Also adjusts the markdown 
 wash — that rule lives here (not in the
   component-scoped PageEditor.razor.css) so it can reach past Blazor
   scoped-CSS attribute selectors. */
[data-mode="dark"] .markdown-content pre {
    background: #282c34 !important;
    color: #abb2bf !important;
}
[data-mode="dark"] .hljs { color: #abb2bf; background: #282c34; }
[data-mode="dark"] .hljs-comment,
[data-mode="dark"] .hljs-quote { color: #5c6370; font-style: italic; }
[data-mode="dark"] .hljs-doctag,
[data-mode="dark"] .hljs-formula,
[data-mode="dark"] .hljs-keyword { color: #c678dd; }
[data-mode="dark"] .hljs-deletion,
[data-mode="dark"] .hljs-name,
[data-mode="dark"] .hljs-section,
[data-mode="dark"] .hljs-selector-tag,
[data-mode="dark"] .hljs-subst { color: #e06c75; }
[data-mode="dark"] .hljs-literal { color: #56b6c2; }
[data-mode="dark"] .hljs-addition,
[data-mode="dark"] .hljs-attribute,
[data-mode="dark"] .hljs-meta .hljs-string,
[data-mode="dark"] .hljs-regexp,
[data-mode="dark"] .hljs-string { color: #98c379; }
[data-mode="dark"] .hljs-attr,
[data-mode="dark"] .hljs-number,
[data-mode="dark"] .hljs-selector-attr,
[data-mode="dark"] .hljs-selector-class,
[data-mode="dark"] .hljs-selector-pseudo,
[data-mode="dark"] .hljs-template-variable,
[data-mode="dark"] .hljs-type,
[data-mode="dark"] .hljs-variable { color: #d19a66; }
[data-mode="dark"] .hljs-bullet,
[data-mode="dark"] .hljs-link,
[data-mode="dark"] .hljs-meta,
[data-mode="dark"] .hljs-selector-id,
[data-mode="dark"] .hljs-symbol,
[data-mode="dark"] .hljs-title { color: #61aeee; }
[data-mode="dark"] .hljs-built_in,
[data-mode="dark"] .hljs-class .hljs-title,
[data-mode="dark"] .hljs-title.class_ { color: #e6c07b; }