/* Bear 导出的旧帮助页共用配色。html 前缀确保覆盖正文末尾的导出样式。 */
:root { color-scheme: light dark; }

@media (prefers-color-scheme: dark) {
  html { background: #141714; }
  html body,
  html .document-wrapper {
    color: #e2e7df;
    background: #141714;
    --base-text-color: #e2e7df;
    --base-text-secondary-color: #abb5a6;
    --base-text-tertiary-color: #424a3e;
    --base-background-color: #141714;
    --base-background-secondary-color: #20261f;
    --base-background-tertiary-color: #30382d;
    --base-stroke-color: #424a3e;
    --base-stroke-secondary-color: #424a3e;
    --base-accent-color: #ff9295;
    --base-selection-color: #40563a;
    --document-code-syntax-highlight-comment: #aab6c1;
    --document-code-syntax-highlight-constant: #80ccef;
    --document-code-syntax-highlight-number: #80ccef;
    --document-code-syntax-highlight-string: #ffad92;
    --document-code-syntax-highlight-entity: #93d5d8;
    --document-code-syntax-highlight-keyword: #e0a7de;
    --document-code-syntax-highlight-function: #93d5d8;
    --document-code-syntax-highlight-variable: #93d5d8;
    --document-highlighter-background-color: #30492b;
    --document-highlighter-background-text-color: #e2f2dc;
    --document-highlighter-green-background-color: #30492b;
    --document-highlighter-green-background-text-color: #e2f2dc;
    --document-highlighter-red-background-color: #56382c;
    --document-highlighter-red-background-text-color: #ffdfca;
    --document-highlighter-blue-background-color: #29455c;
    --document-highlighter-blue-background-text-color: #d9eeff;
    --document-highlighter-purple-background-color: #4e3652;
    --document-highlighter-purple-background-text-color: #f9ddff;
    --document-highlighter-yellow-background-color: #4b4723;
    --document-highlighter-yellow-background-text-color: #fff4bf;
  }

  html .note-wrapper { color: #e2e7df; }
  html .note-wrapper h1,
  html .note-wrapper h2,
  html .note-wrapper h3,
  html .note-wrapper h4,
  html .note-wrapper h5,
  html .note-wrapper h6 { color: #f1f5ee; }
  html .note-wrapper a { color: #ff9295; }
  html .note-wrapper hr { background-color: #424a3e; }
  html .note-wrapper blockquote { border-color: #ff9295; }
  html .note-wrapper ol li::before,
  html .note-wrapper ul li::before,
  html .note-wrapper .ordered-list-number { color: #ff9295; }
  html .note-wrapper s,
  html .note-wrapper .todo-checked + .todo-text { color: #abb5a6; }
  html .note-wrapper .code-inline,
  html .note-wrapper .code-multiline {
    color: #e2e7df;
    background: #20261f;
    border-color: #424a3e;
  }
  html .note-wrapper .hashtag { color: #e2e7df; background: #30382d; }
  html .note-wrapper .hashtag a,
  html .note-wrapper .address a { color: #e2e7df; }
  html .note-wrapper mark { color: #fff4bf; background-color: #4b4723; }
  html .note-wrapper .arrow svg #rod { stroke: #e2e7df; }
  html .note-wrapper .arrow svg #point { fill: #e2e7df; }
  html .note-wrapper :is(.sf_code_string, .sf_code_selector, .sf_code_attr-name, .sf_code_char, .sf_code_builtin, .sf_code_inserted) { color: #ffad92; }
  html .note-wrapper :is(.sf_code_comment, .sf_code_prolog, .sf_code_doctype, .sf_code_cdata) { color: #aab6c1; }
  html .note-wrapper :is(.sf_code_number, .sf_code_boolean, .sf_code_keyword, .sf_code_atrule, .sf_code_rule, .sf_code_attr-value, .sf_code_function, .sf_code_class-name, .sf_code_class, .sf_code_regex, .sf_code_important, .sf_code_variable, .sf_code_interpolation) { color: #80ccef; }
  html .note-wrapper :is(.sf_code_property, .sf_code_tag, .sf_code_constant, .sf_code_symbol, .sf_code_deleted) { color: #bdb5ff; }
  html .note-wrapper :is(.sf_code_macro, .sf_code_entity, .sf_code_operator, .sf_code_url) { color: #e0a7de; }

  html .language-selector {
    color: #e2e7df;
    background: #20261f;
    box-shadow: 0 2px 8px rgb(0 0 0 / 28%);
  }
  html .language-selector select { color: #e2e7df; background: #20261f; border-color: #65725e; }
  html .language-selector select:hover { border-color: #abb5a6; }
  html .language-selector select:focus { border-color: #a5d194; box-shadow: 0 0 0 2px rgb(165 209 148 / 20%); }

  /* 卡片分享链接的打开页，不改变 App 深链行为。 */
  html body > h2 { color: #f1f5ee; }
  html body > p { color: #abb5a6; }
  html a.btn { color: #102415; background: #5ad56a; }
}