hearth-code_hearthcode-obsidian/theme.css

/* Auto-generated by scripts/generate-obsidian-app-theme.mjs - DO NOT EDIT */
/* Theme: HearthCode */

/* @settings

name: 'HearthCode'
id: 'hearthcode'
settings:
  - id: 'hearthcode-typography'
    title: 'Typography'
    type: 'heading'
    level: 1
  - id: 'hearthcode-mono-notes'
    title: 'Monospace note font'
    description: 'Render notes in your configured monospace font for a typewriter-style editing feel.'
    type: 'class-toggle'
    default: false
  - id: 'hearthcode-no-italics'
    title: 'Disable comment italics'
    description: 'Render code-comment italics upright. Mirrors the VS Code hearthcode.disableItalics option and helps CJK fonts that fake-oblique instead of slanting.'
    type: 'class-toggle'
    default: false
  - id: 'file-line-width'
    title: 'Readable line length'
    description: 'Column width for readable line length, in rem. Applies when the Readable line length setting is enabled.'
    type: 'variable-number-slider'
    default: 40
    min: 30
    max: 90
    step: 1
    format: 'rem'
  - id: 'hearthcode-callouts'
    title: 'Callouts'
    type: 'heading'
    level: 1
  - id: 'hearth-callout-bg-opacity'
    title: 'Callout background'
    description: 'How strongly callout backgrounds are tinted. Quiet is subtle; bold is more saturated. Medium is the theme default.'
    type: 'variable-select'
    default: '0.11'
    options:
      - label: 'Quiet'
        value: '0.07'
      - label: 'Medium'
        value: '0.11'
      - label: 'Bold'
        value: '0.16'
  - id: 'hearthcode-accent'
    title: 'Accent'
    type: 'heading'
    level: 1
  - id: 'hearthcode-accent-preset'
    title: 'Accent color'
    description: 'Swap the accent (links, active controls, buttons) for a contrast-vetted preset. Moss is the default sage; Amber is warm; Slate is cool. Every preset keeps button and link text at AA 4.5:1.'
    type: 'class-select'
    allowEmpty: false
    default: 'hearthcode-accent-moss'
    options:
      - label: 'Moss (default)'
        value: 'hearthcode-accent-moss'
      - label: 'Amber'
        value: 'hearthcode-accent-amber'
      - label: 'Slate'
        value: 'hearthcode-accent-slate'

*/

.theme-dark {
  --background-modifier-active-hover: #3a362e;
  --background-modifier-border: #3c3a32;
  --background-modifier-border-focus: #cb9322a6;
  --background-modifier-border-hover: rgb(60 58 50 / 0.48);
  --background-modifier-box-shadow: rgb(27 29 26 / 0.6);
  --background-modifier-cover: rgb(27 29 26 / 0.72);
  --background-modifier-error: rgb(212 184 79 / 0.2);
  --background-modifier-error-hover: rgb(212 184 79 / 0.3);
  --background-modifier-form-field: rgb(60 58 50 / 0.22);
  --background-modifier-hover: #2d2a25;
  --background-modifier-message: rgb(139 180 158 / 0.18);
  --background-modifier-success: rgb(202 164 108 / 0.24);
  --background-primary: #1b1d1a;
  --background-primary-alt: #272824;
  --background-secondary: #191815;
  --background-secondary-alt: #443e35;
  --blockquote-background-color: var(--hearth-md-surface-muted);
  --blockquote-border-color: rgb(139 170 121 / 0.68);
  --blockquote-border-thickness: 3px;
  --blockquote-color: #9d8e7a;
  --callout-border-opacity: 0.5;
  --callout-border-width: 1px;
  --callout-bug: 224, 108, 94;
  --callout-content-background: transparent;
  --callout-content-padding: 0.48em 0 0;
  --callout-default: 104, 173, 193;
  --callout-error: 224, 108, 94;
  --callout-example: 136, 162, 201;
  --callout-fail: 224, 108, 94;
  --callout-info: 104, 173, 193;
  --callout-padding: 0.72em 0.9em;
  --callout-question: 213, 156, 96;
  --callout-quote: 114, 104, 91;
  --callout-radius: 8px;
  --callout-success: 145, 207, 114;
  --callout-tip: 145, 207, 114;
  --callout-todo: 126, 177, 171;
  --callout-warning: 210, 171, 97;
  --checkbox-border-color: rgb(133 139 110 / 0.68);
  --checkbox-border-color-hover: rgb(135 152 125 / 0.86);
  --checkbox-color: #89c26c;
  --checkbox-color-hover: #98b69f;
  --checkbox-margin-inline-start: 0;
  --checkbox-marker-color: #191815;
  --checkbox-radius: 4px;
  --checkbox-size: 15px;
  --checklist-done-color: #938573;
  --checklist-done-decoration: line-through;
  --code-background: var(--hearth-md-code-surface);
  --code-comment: #817566;
  --code-function: #93ce75;
  --code-important: #68adc1;
  --code-keyword: #d4b84f;
  --code-normal: #c3bfb9;
  --code-operator: #979087;
  --code-property: #8ebb7f;
  --code-string: #caa46c;
  --code-tag: #c5bf56;
  --code-value: #77a7d2;
  --h1-color: #d4b84f;
  --h2-color: #93ce75;
  --h3-color: #8ebb7f;
  --h4-color: #caa46c;
  --h5-color: #77a7d2;
  --h6-color: #a1927e;
  --hearth-accent-hover: #d49d2d;
  --hearth-bracket-bright: #d2a33d;
  --hearth-bracket-cool: #68adc1;
  --hearth-bracket-match-fill: #d4b84f1a;
  --hearth-bracket-match-stroke: #d4b84f47;
  --hearth-bracket-warm: #d4b84f;
  --hearth-callout-bg-opacity: 0.11;
  --hearth-callout-border-opacity: 0.58;
  --hearth-callout-rail-opacity: 0.72;
  --hearth-feedback-info: #68adc1;
  --hearth-feedback-note: #817566;
  --hearth-guide: #454138;
  --hearth-guide-active: #918675;
  --hearth-guide-ink: #c5a36e;
  --hearth-md-block-gap: 1em;
  --hearth-md-border: rgb(75 71 61 / 0.54);
  --hearth-md-border-soft: rgb(75 71 61 / 0.28);
  --hearth-md-code-border: rgb(75 71 61 / 0.42);
  --hearth-md-code-surface: rgb(38 39 35 / 0.9);
  --hearth-md-inline-code: #9bb0bf;
  --hearth-md-list-level-1: #858b6e;
  --hearth-md-list-level-2: #868e6a;
  --hearth-md-list-level-3: #7e8486;
  --hearth-md-surface: rgb(37 38 34 / 0.88);
  --hearth-md-surface-muted: rgb(34 35 32 / 0.72);
  --hearth-nav-active-ink: #e4d5bc;
  --hearth-on-status: #191815;
  --hearth-shell-band: #282521;
  --hearth-task-background: rgb(35 36 33 / 0.9);
  --hearth-task-cancelled: #e06c5e;
  --hearth-task-cancelled-text: #da927d;
  --hearth-task-deferred: #8e8170;
  --hearth-task-deferred-text: #9d8e7a;
  --hearth-task-done: #89c26c;
  --hearth-task-important: #d2ab61;
  --hearth-task-important-text: #d2b37b;
  --hearth-task-progress: #68adc1;
  --hearth-task-progress-text: #97b4b3;
  --hearth-task-question: #d59c60;
  --hearth-task-question-text: #d4aa7c;
  --hearth-terminal-black: #1d201f;
  --hearth-terminal-blue: #79a89f;
  --hearth-terminal-bright-black: #675d52;
  --hearth-terminal-bright-blue: #92bbb1;
  --hearth-terminal-bright-cyan: #9bc099;
  --hearth-terminal-bright-green: #b6c97f;
  --hearth-terminal-bright-magenta: #dc9fb2;
  --hearth-terminal-bright-red: #ee8376;
  --hearth-terminal-bright-white: #f1e6d4;
  --hearth-terminal-bright-yellow: #deba72;
  --hearth-terminal-cyan: #8fb686;
  --hearth-terminal-green: #9fb86f;
  --hearth-terminal-magenta: #ca8ea5;
  --hearth-terminal-red: #e06c5e;
  --hearth-terminal-white: #d6c3a3;
  --hearth-terminal-yellow: #d2ab61;
  --hearth-whitespace: #454138;
  --hr-color: rgb(60 58 50 / 0.7);
  --interactive-accent: #8bb49e;
  --interactive-accent-hover: #98b69f;
  --interactive-hover: #2a2723;
  --interactive-normal: rgb(60 58 50 / 0.2);
  --link-color: var(--interactive-accent);
  --link-color-hover: var(--interactive-accent-hover);
  --link-unresolved-color: #938461;
  --list-marker-color: #858b6e;
  --list-marker-color-collapsed: var(--interactive-accent);
  --list-marker-color-hover: #868e6a;
  --list-spacing: 0.14em;
  --scrollbar-active-thumb-bg: rgb(95 88 76 / 0.85);
  --scrollbar-bg: transparent;
  --scrollbar-thumb-bg: rgb(81 76 66 / 0.5);
  --table-border-color: rgb(60 58 50 / 0.58);
  --table-header-border-color: rgb(60 58 50 / 0.76);
  --tag-background: rgb(104 173 193 / 0.14);
  --tag-background-hover: rgb(104 173 193 / 0.22);
  --tag-color: #68adc1;
  --tag-color-hover: #d2bea2;
  --text-accent: var(--interactive-accent);
  --text-accent-hover: var(--interactive-accent-hover);
  --text-error: #e06c5e;
  --text-faint: #685f52;
  --text-highlight-bg: rgb(203 147 34 / 0.34);
  --text-muted: #a99983;
  --text-normal: #d2bea2;
  --text-on-accent: #191815;
  --text-selection: #cb93222e;
  --text-success: #91cf72;
  --text-warning: #d2ab61;
}
.theme-dark .cm-s-obsidian span.cm-comment,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-comment {
  color: var(--code-comment);
  font-style: italic;
  /* CJK fonts have no true italic cut; suppress the synthesized fake oblique
     (renders upright) while real Latin italic faces still slant. Bold synthesis
     is left intact for keywords. */
  font-synthesis-style: none;
}

.theme-dark .cm-s-obsidian span.cm-keyword,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-keyword {
  color: var(--code-keyword);
}

.theme-dark .cm-s-obsidian span.cm-operator,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-operator {
  color: var(--code-operator);
}

.theme-dark .cm-s-obsidian span.cm-string,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-string {
  color: var(--code-string);
}

.theme-dark .cm-s-obsidian span.cm-number,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-number {
  color: var(--code-value);
}

.theme-dark .cm-s-obsidian span.cm-def,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-def,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-variable-2 {
  color: var(--code-function);
}

.theme-dark .cm-s-obsidian span.cm-variable,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-variable {
  color: var(--code-normal);
}

.theme-dark .cm-s-obsidian span.cm-property,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-property {
  color: var(--code-property);
}

.theme-dark .cm-s-obsidian span.cm-type,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-type {
  color: var(--code-important);
}

.theme-dark .cm-s-obsidian span.cm-tag,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-tag {
  color: var(--code-tag);
}

.theme-dark .cm-s-obsidian span.cm-atom,
.theme-dark .cm-s-obsidian span.cm-builtin,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-atom,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-builtin,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-meta,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-qualifier {
  color: var(--code-important);
}

.theme-dark .cm-s-obsidian span.cm-attribute,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-attribute,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-variable-3 {
  color: var(--code-property);
}

.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-link {
  color: var(--text-accent);
  text-decoration-color: var(--text-accent);
}

.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-url {
  color: var(--text-muted);
}

.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-quote {
  color: var(--code-comment);
}

/* Bold/italic are intentionally NOT recolored in the editor: the reading view
   leaves them at text color, so coloring them here (formerly h2/h4) made edit
   and preview diverge. Keep them as weight/slant only; enforced by obsidian-audit. */

.theme-dark .markdown-preview-view pre code .hljs-comment {
  color: var(--code-comment);
}

.theme-dark .markdown-preview-view pre code .hljs-keyword,
.theme-dark .markdown-preview-view pre code .hljs-selector-tag {
  color: var(--code-keyword);
}

.theme-dark .markdown-preview-view pre code .hljs-built_in,
.theme-dark .markdown-preview-view pre code .hljs-type,
.theme-dark .markdown-preview-view pre code .hljs-class,
.theme-dark .markdown-preview-view pre code .hljs-meta {
  color: var(--code-important);
}

.theme-dark .markdown-preview-view pre code .hljs-function,
.theme-dark .markdown-preview-view pre code .hljs-title.function_ {
  color: var(--code-function);
}

.theme-dark .markdown-preview-view pre code .hljs-attr,
.theme-dark .markdown-preview-view pre code .hljs-property {
  color: var(--code-property);
}

.theme-dark .markdown-preview-view pre code .hljs-variable,
.theme-dark .markdown-preview-view pre code .hljs-template-variable {
  color: var(--code-normal);
}

.theme-dark .markdown-preview-view pre code .hljs-string,
.theme-dark .markdown-preview-view pre code .hljs-title {
  color: var(--code-string);
}

.theme-dark .markdown-preview-view pre code .hljs-number,
.theme-dark .markdown-preview-view pre code .hljs-literal,
.theme-dark .markdown-preview-view pre code .hljs-operator {
  color: var(--code-value);
}
.theme-dark .markdown-rendered blockquote,
.theme-dark .markdown-rendered pre,
.theme-dark .markdown-rendered table,
.theme-dark .callout {
  margin-block: var(--hearth-md-block-gap);
}

.theme-dark .markdown-rendered h1,
.theme-dark .markdown-source-view.mod-cm6 .cm-header.cm-header-1,
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-header-1 {
  color: var(--h1-color);
}

.theme-dark .markdown-rendered h2,
.theme-dark .markdown-source-view.mod-cm6 .cm-header.cm-header-2,
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-header-2 {
  color: var(--h2-color);
}

.theme-dark .markdown-rendered h3,
.theme-dark .markdown-source-view.mod-cm6 .cm-header.cm-header-3,
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-header-3 {
  color: var(--h3-color);
}

.theme-dark .markdown-rendered h4,
.theme-dark .markdown-source-view.mod-cm6 .cm-header.cm-header-4,
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-header-4 {
  color: var(--h4-color);
}

.theme-dark .markdown-rendered h5,
.theme-dark .markdown-source-view.mod-cm6 .cm-header.cm-header-5,
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-header-5 {
  color: var(--h5-color);
}

.theme-dark .markdown-rendered h6,
.theme-dark .markdown-source-view.mod-cm6 .cm-header.cm-header-6,
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-header-6 {
  color: var(--h6-color);
}

.theme-dark .markdown-rendered a,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-link {
  color: var(--link-color);
}

.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-hmd-internal-link,
.theme-dark .markdown-rendered .internal-link.is-unresolved {
  color: var(--link-unresolved-color);
}

.theme-dark .markdown-rendered blockquote {
  border-inline-start-color: var(--blockquote-border-color);
  border-inline-start-width: var(--blockquote-border-thickness);
  background-color: var(--blockquote-background-color);
  color: var(--blockquote-color);
  border-radius: 0 7px 7px 0;
  box-shadow: inset 0 0 0 1px var(--hearth-md-border-soft);
  padding: 0.55em 0.9em;
}

.theme-dark .markdown-source-view.mod-cm6 .HyperMD-quote {
  background-color: var(--blockquote-background-color);
  border-inline-start: var(--blockquote-border-thickness) solid var(--blockquote-border-color);
  box-shadow: inset 0 0 0 1px var(--hearth-md-border-soft);
  color: var(--blockquote-color);
}

.theme-dark .markdown-rendered hr {
  border-color: var(--hr-color);
}

.theme-dark .markdown-rendered ul > li::marker,
.theme-dark .markdown-rendered ol > li::marker,
.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-formatting-list {
  color: var(--list-marker-color);
  font-variant-numeric: tabular-nums;
}

.theme-dark .markdown-rendered ul ul > li::marker,
.theme-dark .markdown-rendered ol ol > li::marker,
.theme-dark .markdown-rendered ul ol > li::marker,
.theme-dark .markdown-rendered ol ul > li::marker {
  color: var(--hearth-md-list-level-2);
}

.theme-dark .markdown-rendered ul ul ul > li::marker,
.theme-dark .markdown-rendered ol ol ol > li::marker,
.theme-dark .markdown-rendered ul ol ul > li::marker,
.theme-dark .markdown-rendered ol ul ol > li::marker {
  color: var(--hearth-md-list-level-3);
}

.theme-dark .markdown-rendered ul > li > .list-bullet:after {
  background-color: var(--hearth-md-list-level-1);
  border: none;
  border-radius: 50%;
  width: 0.34em;
  height: 0.34em;
}

.theme-dark .markdown-rendered ul ul > li > .list-bullet:after {
  background-color: transparent;
  border: 1px solid var(--hearth-md-list-level-2);
  border-radius: 50%;
  width: 0.42em;
  height: 0.42em;
}

.theme-dark .markdown-rendered ul ul ul > li > .list-bullet:after {
  background-color: var(--hearth-md-list-level-3);
  border: none;
  border-radius: 1px;
  width: 0.5em;
  height: 0.12em;
}

.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-formatting-list-ul {
  color: var(--hearth-md-list-level-1);
}

.theme-dark .markdown-source-view.mod-cm6 .HyperMD-list-line-2 .cm-formatting-list,
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-list-line-3 .cm-formatting-list {
  color: var(--hearth-md-list-level-2);
}

.theme-dark .markdown-source-view.mod-cm6 .HyperMD-list-line-4 .cm-formatting-list,
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-list-line-5 .cm-formatting-list {
  color: var(--hearth-md-list-level-3);
}

.theme-dark .markdown-rendered :not(pre) > code {
  color: var(--hearth-md-inline-code);
  background-color: var(--code-background);
  border: 1px solid var(--hearth-md-code-border);
  border-radius: 5px;
  padding: 0.05em 0.34em;
}

.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-inline-code {
  color: var(--hearth-md-inline-code);
  background-color: var(--code-background);
  border-radius: 5px;
}

.theme-dark .markdown-rendered pre {
  background-color: var(--hearth-md-code-surface);
  border: 1px solid var(--hearth-md-code-border);
  border-radius: 8px;
}

.theme-dark .markdown-rendered pre code {
  background-color: transparent;
}

.theme-dark .markdown-source-view.mod-cm6 .HyperMD-codeblock {
  background-color: var(--hearth-md-code-surface);
}

.theme-dark .markdown-rendered table {
  border-color: var(--table-border-color);
}

.theme-dark .markdown-rendered th {
  border-color: var(--table-header-border-color);
}

.theme-dark .markdown-rendered td {
  border-color: var(--table-border-color);
}

.theme-dark .tag,
.theme-dark a.tag {
  color: var(--tag-color);
  background-color: var(--tag-background);
  border: 1px solid var(--background-modifier-border);
}

.theme-dark .tag:hover,
.theme-dark a.tag:hover {
  color: var(--tag-color-hover);
  background-color: var(--tag-background-hover);
}

.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-hashtag {
  color: var(--tag-color);
  background-color: var(--tag-background);
  border-block: 1px solid var(--background-modifier-border);
  padding-block: 0.05em;
}

.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-hashtag-begin {
  border-inline-start: 1px solid var(--background-modifier-border);
  border-start-start-radius: 5px;
  border-end-start-radius: 5px;
  padding-inline-start: 0.34em;
}

.theme-dark .markdown-source-view.mod-cm6 .cm-line .cm-hashtag-end {
  border-inline-end: 1px solid var(--background-modifier-border);
  border-start-end-radius: 5px;
  border-end-end-radius: 5px;
  padding-inline-end: 0.34em;
}

.theme-dark input[type='checkbox'] {
  inline-size: var(--checkbox-size);
  block-size: var(--checkbox-size);
  margin-inline-start: var(--checkbox-margin-inline-start);
  accent-color: var(--checkbox-color);
  vertical-align: -0.12em;
}

.theme-dark input[type='checkbox']:checked {
  accent-color: var(--hearth-task-done);
}

.theme-dark input[type='checkbox']:hover {
  accent-color: var(--checkbox-color-hover);
}

.theme-dark li.task-list-item[data-task='x'],
.theme-dark li.task-list-item[data-task='X'],
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='x'],
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='X'] {
  color: var(--checklist-done-color);
  text-decoration: var(--checklist-done-decoration);
}

.theme-dark li.task-list-item[data-task='/'],
.theme-dark li.task-list-item[data-task='-'],
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='/'],
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='-'] {
  color: var(--hearth-task-progress-text);
  text-decoration: none;
}

.theme-dark li.task-list-item[data-task='/'] .task-list-item-checkbox,
.theme-dark li.task-list-item[data-task='-'] .task-list-item-checkbox,
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='/'] .task-list-item-checkbox,
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='-'] .task-list-item-checkbox {
  accent-color: var(--hearth-task-progress);
}

.theme-dark li.task-list-item[data-task='?'],
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='?'] {
  color: var(--hearth-task-question-text);
  text-decoration: none;
}

.theme-dark li.task-list-item[data-task='?'] .task-list-item-checkbox,
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='?'] .task-list-item-checkbox {
  accent-color: var(--hearth-task-question);
}

.theme-dark li.task-list-item[data-task='!'],
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='!'] {
  color: var(--hearth-task-important-text);
  text-decoration: none;
}

.theme-dark li.task-list-item[data-task='!'] .task-list-item-checkbox,
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='!'] .task-list-item-checkbox {
  accent-color: var(--hearth-task-important);
}

.theme-dark li.task-list-item[data-task='~'],
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='~'] {
  color: var(--hearth-task-cancelled-text);
  text-decoration: none;
}

.theme-dark li.task-list-item[data-task='~'] .task-list-item-checkbox,
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='~'] .task-list-item-checkbox {
  accent-color: var(--hearth-task-cancelled);
}

.theme-dark li.task-list-item[data-task='>'],
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='>'] {
  color: var(--hearth-task-deferred-text);
  text-decoration: none;
}

.theme-dark li.task-list-item[data-task='>'] .task-list-item-checkbox,
.theme-dark .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='>'] .task-list-item-checkbox {
  accent-color: var(--hearth-task-deferred);
}
.theme-dark .callout {
  border: var(--callout-border-width) solid rgba(var(--callout-color), var(--hearth-callout-border-opacity));
  border-inline-start-width: 4px;
  border-radius: var(--callout-radius);
  background-color: rgba(var(--callout-color), var(--hearth-callout-bg-opacity));
  box-shadow: inset 0 0 0 1px var(--hearth-md-border-soft);
  padding: var(--callout-padding);
}

.theme-dark .callout .callout-title {
  color: rgb(var(--callout-color));
}

.theme-dark .callout .callout-icon .svg-icon {
  color: rgb(var(--callout-color));
}

.theme-dark .callout .callout-content {
  color: var(--text-normal);
}

.theme-dark .callout[data-callout='note'] {
  --callout-color: var(--callout-default);
}

.theme-dark .callout[data-callout='todo'],
.theme-dark .callout[data-callout='accent'] {
  --callout-color: var(--callout-todo);
}

.theme-dark .callout[data-callout='tip'],
.theme-dark .callout[data-callout='hint'],
.theme-dark .callout[data-callout='success'] {
  --callout-color: var(--callout-success);
}

.theme-dark .callout[data-callout='info'],
.theme-dark .callout[data-callout='abstract'],
.theme-dark .callout[data-callout='summary'],
.theme-dark .callout[data-callout='tldr'] {
  --callout-color: var(--callout-info);
}

.theme-dark .callout[data-callout='question'],
.theme-dark .callout[data-callout='help'],
.theme-dark .callout[data-callout='faq'] {
  --callout-color: var(--callout-question);
}

.theme-dark .callout[data-callout='warning'],
.theme-dark .callout[data-callout='caution'],
.theme-dark .callout[data-callout='attention'] {
  --callout-color: var(--callout-warning);
}

.theme-dark .callout[data-callout='danger'],
.theme-dark .callout[data-callout='error'],
.theme-dark .callout[data-callout='failure'],
.theme-dark .callout[data-callout='fail'],
.theme-dark .callout[data-callout='missing'],
.theme-dark .callout[data-callout='bug'] {
  --callout-color: var(--callout-error);
}

.theme-dark .callout[data-callout='example'] {
  --callout-color: var(--callout-example);
}

.theme-dark .callout[data-callout='quote'],
.theme-dark .callout[data-callout='cite'] {
  --callout-color: var(--callout-quote);
}
.theme-dark .workspace-tab-header.is-active {
  border-color: var(--interactive-accent);
}

.theme-dark .workspace-tab-header.is-active .workspace-tab-header-inner {
  color: var(--text-normal);
}

.theme-dark .nav-file-title.is-active,
.theme-dark .tree-item-self.is-clickable:hover,
.theme-dark .suggestion-item.is-selected {
  background-color: var(--background-modifier-active-hover);
}

.theme-dark .status-bar-item:hover {
  background-color: var(--background-modifier-hover);
}
.theme-dark ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.theme-dark ::-webkit-scrollbar-track,
.theme-dark ::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-bg);
}

.theme-dark ::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-bg);
  border: 2px solid transparent;
  background-clip: padding-box;
  border-radius: 6px;
}

.theme-dark ::-webkit-scrollbar-thumb:hover,
.theme-dark ::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-active-thumb-bg);
}

.theme-light {
  --background-modifier-active-hover: #bebaae;
  --background-modifier-border: #c3c0b5;
  --background-modifier-border-focus: #94650feb;
  --background-modifier-border-hover: rgb(195 192 181 / 0.48);
  --background-modifier-box-shadow: rgb(231 229 216 / 0.6);
  --background-modifier-cover: rgb(231 229 216 / 0.72);
  --background-modifier-error: rgb(141 107 7 / 0.2);
  --background-modifier-error-hover: rgb(141 107 7 / 0.3);
  --background-modifier-form-field: rgb(195 192 181 / 0.22);
  --background-modifier-hover: #c7c4b8;
  --background-modifier-message: rgb(72 106 89 / 0.18);
  --background-modifier-success: rgb(117 104 38 / 0.24);
  --background-primary: #e7e5d8;
  --background-primary-alt: #cecabe;
  --background-secondary: #d4d1c4;
  --background-secondary-alt: #bdb9ad;
  --blockquote-background-color: var(--hearth-md-surface-muted);
  --blockquote-border-color: rgb(84 113 73 / 0.68);
  --blockquote-border-thickness: 3px;
  --blockquote-color: #665d53;
  --callout-border-opacity: 0.5;
  --callout-border-width: 1px;
  --callout-bug: 186, 81, 70;
  --callout-content-background: transparent;
  --callout-content-padding: 0.48em 0 0;
  --callout-default: 35, 114, 150;
  --callout-error: 186, 81, 70;
  --callout-example: 68, 108, 161;
  --callout-fail: 186, 81, 70;
  --callout-info: 35, 114, 150;
  --callout-padding: 0.72em 0.9em;
  --callout-question: 164, 105, 44;
  --callout-quote: 142, 134, 122;
  --callout-radius: 8px;
  --callout-success: 57, 118, 37;
  --callout-tip: 57, 118, 37;
  --callout-todo: 59, 109, 111;
  --callout-warning: 157, 113, 36;
  --checkbox-border-color: rgb(109 116 92 / 0.68);
  --checkbox-border-color-hover: rgb(97 113 91 / 0.86);
  --checkbox-color: #457d31;
  --checkbox-color-hover: #445f50;
  --checkbox-margin-inline-start: 0;
  --checkbox-marker-color: #faf5ef;
  --checkbox-radius: 4px;
  --checkbox-size: 15px;
  --checklist-done-color: #6f665b;
  --checklist-done-decoration: line-through;
  --code-background: var(--hearth-md-code-surface);
  --code-comment: #7f7669;
  --code-function: #3e752b;
  --code-important: #237296;
  --code-keyword: #8d6b07;
  --code-normal: #46423e;
  --code-operator: #5f5c56;
  --code-property: #46703f;
  --code-string: #756826;
  --code-tag: #87852c;
  --code-value: #2d6fab;
  --h1-color: #8d6b07;
  --h2-color: #3e752b;
  --h3-color: #46703f;
  --h4-color: #756826;
  --h5-color: #2d6fab;
  --h6-color: #61594f;
  --hearth-accent-hover: #bb7e16;
  --hearth-bracket-bright: #855a70;
  --hearth-bracket-cool: #237296;
  --hearth-bracket-match-fill: #83640f14;
  --hearth-bracket-match-stroke: #83640f3d;
  --hearth-bracket-warm: #83640f;
  --hearth-callout-bg-opacity: 0.11;
  --hearth-callout-border-opacity: 0.58;
  --hearth-callout-rail-opacity: 0.72;
  --hearth-feedback-info: #237296;
  --hearth-feedback-note: #766f65;
  --hearth-guide: #c8c5b9;
  --hearth-guide-active: #8b7d63;
  --hearth-guide-ink: #7c5f34;
  --hearth-md-block-gap: 1em;
  --hearth-md-border: rgb(180 176 164 / 0.54);
  --hearth-md-border-soft: rgb(180 176 164 / 0.28);
  --hearth-md-code-border: rgb(180 176 164 / 0.42);
  --hearth-md-code-surface: rgb(209 205 193 / 0.9);
  --hearth-md-inline-code: #305577;
  --hearth-md-list-level-1: #6d745c;
  --hearth-md-list-level-2: #6d7658;
  --hearth-md-list-level-3: #66747d;
  --hearth-md-surface: rgb(211 207 195 / 0.88);
  --hearth-md-surface-muted: rgb(217 213 201 / 0.72);
  --hearth-nav-active-ink: #2c2722;
  --hearth-on-status: #191815;
  --hearth-shell-band: #c7c4b8;
  --hearth-task-background: rgb(215 211 199 / 0.9);
  --hearth-task-cancelled: #ba5146;
  --hearth-task-cancelled-text: #7c4038;
  --hearth-task-deferred: #736a5f;
  --hearth-task-deferred-text: #665d53;
  --hearth-task-done: #457d31;
  --hearth-task-important: #9d7124;
  --hearth-task-important-text: #735626;
  --hearth-task-progress: #237296;
  --hearth-task-progress-text: #2a5466;
  --hearth-task-question: #a4692c;
  --hearth-task-question-text: #75502a;
  --hearth-terminal-black: #3a342e;
  --hearth-terminal-blue: #517d76;
  --hearth-terminal-bright-black: #8c7c69;
  --hearth-terminal-bright-blue: #658d85;
  --hearth-terminal-bright-cyan: #70946f;
  --hearth-terminal-bright-green: #79914c;
  --hearth-terminal-bright-magenta: #b9758b;
  --hearth-terminal-bright-red: #c9675c;
  --hearth-terminal-bright-white: #2d241e;
  --hearth-terminal-bright-yellow: #ab8034;
  --hearth-terminal-cyan: #608763;
  --hearth-terminal-green: #718246;
  --hearth-terminal-magenta: #a26179;
  --hearth-terminal-red: #ba5146;
  --hearth-terminal-white: #43382e;
  --hearth-terminal-yellow: #9d7124;
  --hearth-whitespace: #c8c5b9;
  --hr-color: rgb(195 192 181 / 0.7);
  --interactive-accent: #486a59;
  --interactive-accent-hover: #445f50;
  --interactive-hover: #cac7bb;
  --interactive-normal: rgb(195 192 181 / 0.2);
  --link-color: var(--interactive-accent);
  --link-color-hover: var(--interactive-accent-hover);
  --link-unresolved-color: #827453;
  --list-marker-color: #6d745c;
  --list-marker-color-collapsed: var(--interactive-accent);
  --list-marker-color-hover: #6d7658;
  --list-spacing: 0.14em;
  --scrollbar-active-thumb-bg: rgb(161 155 143 / 0.85);
  --scrollbar-bg: transparent;
  --scrollbar-thumb-bg: rgb(175 170 158 / 0.5);
  --table-border-color: rgb(195 192 181 / 0.58);
  --table-header-border-color: rgb(195 192 181 / 0.76);
  --tag-background: rgb(35 114 150 / 0.14);
  --tag-background-hover: rgb(35 114 150 / 0.22);
  --tag-color: #237296;
  --tag-color-hover: #342d28;
  --text-accent: var(--interactive-accent);
  --text-accent-hover: var(--interactive-accent-hover);
  --text-error: #ba5146;
  --text-faint: #7f7a71;
  --text-highlight-bg: rgb(184 121 17 / 0.34);
  --text-muted: #47413b;
  --text-normal: #342d28;
  --text-on-accent: #faf5ef;
  --text-selection: #b8791126;
  --text-success: #397625;
  --text-warning: #9d7124;
}
.theme-light .cm-s-obsidian span.cm-comment,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-comment {
  color: var(--code-comment);
  font-style: italic;
  /* CJK fonts have no true italic cut; suppress the synthesized fake oblique
     (renders upright) while real Latin italic faces still slant. Bold synthesis
     is left intact for keywords. */
  font-synthesis-style: none;
}

.theme-light .cm-s-obsidian span.cm-keyword,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-keyword {
  color: var(--code-keyword);
}

.theme-light .cm-s-obsidian span.cm-operator,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-operator {
  color: var(--code-operator);
}

.theme-light .cm-s-obsidian span.cm-string,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-string {
  color: var(--code-string);
}

.theme-light .cm-s-obsidian span.cm-number,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-number {
  color: var(--code-value);
}

.theme-light .cm-s-obsidian span.cm-def,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-def,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-variable-2 {
  color: var(--code-function);
}

.theme-light .cm-s-obsidian span.cm-variable,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-variable {
  color: var(--code-normal);
}

.theme-light .cm-s-obsidian span.cm-property,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-property {
  color: var(--code-property);
}

.theme-light .cm-s-obsidian span.cm-type,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-type {
  color: var(--code-important);
}

.theme-light .cm-s-obsidian span.cm-tag,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-tag {
  color: var(--code-tag);
}

.theme-light .cm-s-obsidian span.cm-atom,
.theme-light .cm-s-obsidian span.cm-builtin,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-atom,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-builtin,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-meta,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-qualifier {
  color: var(--code-important);
}

.theme-light .cm-s-obsidian span.cm-attribute,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-attribute,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-variable-3 {
  color: var(--code-property);
}

.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-link {
  color: var(--text-accent);
  text-decoration-color: var(--text-accent);
}

.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-url {
  color: var(--text-muted);
}

.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-quote {
  color: var(--code-comment);
}

/* Bold/italic are intentionally NOT recolored in the editor: the reading view
   leaves them at text color, so coloring them here (formerly h2/h4) made edit
   and preview diverge. Keep them as weight/slant only; enforced by obsidian-audit. */

.theme-light .markdown-preview-view pre code .hljs-comment {
  color: var(--code-comment);
}

.theme-light .markdown-preview-view pre code .hljs-keyword,
.theme-light .markdown-preview-view pre code .hljs-selector-tag {
  color: var(--code-keyword);
}

.theme-light .markdown-preview-view pre code .hljs-built_in,
.theme-light .markdown-preview-view pre code .hljs-type,
.theme-light .markdown-preview-view pre code .hljs-class,
.theme-light .markdown-preview-view pre code .hljs-meta {
  color: var(--code-important);
}

.theme-light .markdown-preview-view pre code .hljs-function,
.theme-light .markdown-preview-view pre code .hljs-title.function_ {
  color: var(--code-function);
}

.theme-light .markdown-preview-view pre code .hljs-attr,
.theme-light .markdown-preview-view pre code .hljs-property {
  color: var(--code-property);
}

.theme-light .markdown-preview-view pre code .hljs-variable,
.theme-light .markdown-preview-view pre code .hljs-template-variable {
  color: var(--code-normal);
}

.theme-light .markdown-preview-view pre code .hljs-string,
.theme-light .markdown-preview-view pre code .hljs-title {
  color: var(--code-string);
}

.theme-light .markdown-preview-view pre code .hljs-number,
.theme-light .markdown-preview-view pre code .hljs-literal,
.theme-light .markdown-preview-view pre code .hljs-operator {
  color: var(--code-value);
}
.theme-light .markdown-rendered blockquote,
.theme-light .markdown-rendered pre,
.theme-light .markdown-rendered table,
.theme-light .callout {
  margin-block: var(--hearth-md-block-gap);
}

.theme-light .markdown-rendered h1,
.theme-light .markdown-source-view.mod-cm6 .cm-header.cm-header-1,
.theme-light .markdown-source-view.mod-cm6 .HyperMD-header-1 {
  color: var(--h1-color);
}

.theme-light .markdown-rendered h2,
.theme-light .markdown-source-view.mod-cm6 .cm-header.cm-header-2,
.theme-light .markdown-source-view.mod-cm6 .HyperMD-header-2 {
  color: var(--h2-color);
}

.theme-light .markdown-rendered h3,
.theme-light .markdown-source-view.mod-cm6 .cm-header.cm-header-3,
.theme-light .markdown-source-view.mod-cm6 .HyperMD-header-3 {
  color: var(--h3-color);
}

.theme-light .markdown-rendered h4,
.theme-light .markdown-source-view.mod-cm6 .cm-header.cm-header-4,
.theme-light .markdown-source-view.mod-cm6 .HyperMD-header-4 {
  color: var(--h4-color);
}

.theme-light .markdown-rendered h5,
.theme-light .markdown-source-view.mod-cm6 .cm-header.cm-header-5,
.theme-light .markdown-source-view.mod-cm6 .HyperMD-header-5 {
  color: var(--h5-color);
}

.theme-light .markdown-rendered h6,
.theme-light .markdown-source-view.mod-cm6 .cm-header.cm-header-6,
.theme-light .markdown-source-view.mod-cm6 .HyperMD-header-6 {
  color: var(--h6-color);
}

.theme-light .markdown-rendered a,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-link {
  color: var(--link-color);
}

.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-hmd-internal-link,
.theme-light .markdown-rendered .internal-link.is-unresolved {
  color: var(--link-unresolved-color);
}

.theme-light .markdown-rendered blockquote {
  border-inline-start-color: var(--blockquote-border-color);
  border-inline-start-width: var(--blockquote-border-thickness);
  background-color: var(--blockquote-background-color);
  color: var(--blockquote-color);
  border-radius: 0 7px 7px 0;
  box-shadow: inset 0 0 0 1px var(--hearth-md-border-soft);
  padding: 0.55em 0.9em;
}

.theme-light .markdown-source-view.mod-cm6 .HyperMD-quote {
  background-color: var(--blockquote-background-color);
  border-inline-start: var(--blockquote-border-thickness) solid var(--blockquote-border-color);
  box-shadow: inset 0 0 0 1px var(--hearth-md-border-soft);
  color: var(--blockquote-color);
}

.theme-light .markdown-rendered hr {
  border-color: var(--hr-color);
}

.theme-light .markdown-rendered ul > li::marker,
.theme-light .markdown-rendered ol > li::marker,
.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-formatting-list {
  color: var(--list-marker-color);
  font-variant-numeric: tabular-nums;
}

.theme-light .markdown-rendered ul ul > li::marker,
.theme-light .markdown-rendered ol ol > li::marker,
.theme-light .markdown-rendered ul ol > li::marker,
.theme-light .markdown-rendered ol ul > li::marker {
  color: var(--hearth-md-list-level-2);
}

.theme-light .markdown-rendered ul ul ul > li::marker,
.theme-light .markdown-rendered ol ol ol > li::marker,
.theme-light .markdown-rendered ul ol ul > li::marker,
.theme-light .markdown-rendered ol ul ol > li::marker {
  color: var(--hearth-md-list-level-3);
}

.theme-light .markdown-rendered ul > li > .list-bullet:after {
  background-color: var(--hearth-md-list-level-1);
  border: none;
  border-radius: 50%;
  width: 0.34em;
  height: 0.34em;
}

.theme-light .markdown-rendered ul ul > li > .list-bullet:after {
  background-color: transparent;
  border: 1px solid var(--hearth-md-list-level-2);
  border-radius: 50%;
  width: 0.42em;
  height: 0.42em;
}

.theme-light .markdown-rendered ul ul ul > li > .list-bullet:after {
  background-color: var(--hearth-md-list-level-3);
  border: none;
  border-radius: 1px;
  width: 0.5em;
  height: 0.12em;
}

.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-formatting-list-ul {
  color: var(--hearth-md-list-level-1);
}

.theme-light .markdown-source-view.mod-cm6 .HyperMD-list-line-2 .cm-formatting-list,
.theme-light .markdown-source-view.mod-cm6 .HyperMD-list-line-3 .cm-formatting-list {
  color: var(--hearth-md-list-level-2);
}

.theme-light .markdown-source-view.mod-cm6 .HyperMD-list-line-4 .cm-formatting-list,
.theme-light .markdown-source-view.mod-cm6 .HyperMD-list-line-5 .cm-formatting-list {
  color: var(--hearth-md-list-level-3);
}

.theme-light .markdown-rendered :not(pre) > code {
  color: var(--hearth-md-inline-code);
  background-color: var(--code-background);
  border: 1px solid var(--hearth-md-code-border);
  border-radius: 5px;
  padding: 0.05em 0.34em;
}

.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-inline-code {
  color: var(--hearth-md-inline-code);
  background-color: var(--code-background);
  border-radius: 5px;
}

.theme-light .markdown-rendered pre {
  background-color: var(--hearth-md-code-surface);
  border: 1px solid var(--hearth-md-code-border);
  border-radius: 8px;
}

.theme-light .markdown-rendered pre code {
  background-color: transparent;
}

.theme-light .markdown-source-view.mod-cm6 .HyperMD-codeblock {
  background-color: var(--hearth-md-code-surface);
}

.theme-light .markdown-rendered table {
  border-color: var(--table-border-color);
}

.theme-light .markdown-rendered th {
  border-color: var(--table-header-border-color);
}

.theme-light .markdown-rendered td {
  border-color: var(--table-border-color);
}

.theme-light .tag,
.theme-light a.tag {
  color: var(--tag-color);
  background-color: var(--tag-background);
  border: 1px solid var(--background-modifier-border);
}

.theme-light .tag:hover,
.theme-light a.tag:hover {
  color: var(--tag-color-hover);
  background-color: var(--tag-background-hover);
}

.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-hashtag {
  color: var(--tag-color);
  background-color: var(--tag-background);
  border-block: 1px solid var(--background-modifier-border);
  padding-block: 0.05em;
}

.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-hashtag-begin {
  border-inline-start: 1px solid var(--background-modifier-border);
  border-start-start-radius: 5px;
  border-end-start-radius: 5px;
  padding-inline-start: 0.34em;
}

.theme-light .markdown-source-view.mod-cm6 .cm-line .cm-hashtag-end {
  border-inline-end: 1px solid var(--background-modifier-border);
  border-start-end-radius: 5px;
  border-end-end-radius: 5px;
  padding-inline-end: 0.34em;
}

.theme-light input[type='checkbox'] {
  inline-size: var(--checkbox-size);
  block-size: var(--checkbox-size);
  margin-inline-start: var(--checkbox-margin-inline-start);
  accent-color: var(--checkbox-color);
  vertical-align: -0.12em;
}

.theme-light input[type='checkbox']:checked {
  accent-color: var(--hearth-task-done);
}

.theme-light input[type='checkbox']:hover {
  accent-color: var(--checkbox-color-hover);
}

.theme-light li.task-list-item[data-task='x'],
.theme-light li.task-list-item[data-task='X'],
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='x'],
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='X'] {
  color: var(--checklist-done-color);
  text-decoration: var(--checklist-done-decoration);
}

.theme-light li.task-list-item[data-task='/'],
.theme-light li.task-list-item[data-task='-'],
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='/'],
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='-'] {
  color: var(--hearth-task-progress-text);
  text-decoration: none;
}

.theme-light li.task-list-item[data-task='/'] .task-list-item-checkbox,
.theme-light li.task-list-item[data-task='-'] .task-list-item-checkbox,
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='/'] .task-list-item-checkbox,
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='-'] .task-list-item-checkbox {
  accent-color: var(--hearth-task-progress);
}

.theme-light li.task-list-item[data-task='?'],
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='?'] {
  color: var(--hearth-task-question-text);
  text-decoration: none;
}

.theme-light li.task-list-item[data-task='?'] .task-list-item-checkbox,
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='?'] .task-list-item-checkbox {
  accent-color: var(--hearth-task-question);
}

.theme-light li.task-list-item[data-task='!'],
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='!'] {
  color: var(--hearth-task-important-text);
  text-decoration: none;
}

.theme-light li.task-list-item[data-task='!'] .task-list-item-checkbox,
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='!'] .task-list-item-checkbox {
  accent-color: var(--hearth-task-important);
}

.theme-light li.task-list-item[data-task='~'],
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='~'] {
  color: var(--hearth-task-cancelled-text);
  text-decoration: none;
}

.theme-light li.task-list-item[data-task='~'] .task-list-item-checkbox,
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='~'] .task-list-item-checkbox {
  accent-color: var(--hearth-task-cancelled);
}

.theme-light li.task-list-item[data-task='>'],
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='>'] {
  color: var(--hearth-task-deferred-text);
  text-decoration: none;
}

.theme-light li.task-list-item[data-task='>'] .task-list-item-checkbox,
.theme-light .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='>'] .task-list-item-checkbox {
  accent-color: var(--hearth-task-deferred);
}
.theme-light .callout {
  border: var(--callout-border-width) solid rgba(var(--callout-color), var(--hearth-callout-border-opacity));
  border-inline-start-width: 4px;
  border-radius: var(--callout-radius);
  background-color: rgba(var(--callout-color), var(--hearth-callout-bg-opacity));
  box-shadow: inset 0 0 0 1px var(--hearth-md-border-soft);
  padding: var(--callout-padding);
}

.theme-light .callout .callout-title {
  color: rgb(var(--callout-color));
}

.theme-light .callout .callout-icon .svg-icon {
  color: rgb(var(--callout-color));
}

.theme-light .callout .callout-content {
  color: var(--text-normal);
}

.theme-light .callout[data-callout='note'] {
  --callout-color: var(--callout-default);
}

.theme-light .callout[data-callout='todo'],
.theme-light .callout[data-callout='accent'] {
  --callout-color: var(--callout-todo);
}

.theme-light .callout[data-callout='tip'],
.theme-light .callout[data-callout='hint'],
.theme-light .callout[data-callout='success'] {
  --callout-color: var(--callout-success);
}

.theme-light .callout[data-callout='info'],
.theme-light .callout[data-callout='abstract'],
.theme-light .callout[data-callout='summary'],
.theme-light .callout[data-callout='tldr'] {
  --callout-color: var(--callout-info);
}

.theme-light .callout[data-callout='question'],
.theme-light .callout[data-callout='help'],
.theme-light .callout[data-callout='faq'] {
  --callout-color: var(--callout-question);
}

.theme-light .callout[data-callout='warning'],
.theme-light .callout[data-callout='caution'],
.theme-light .callout[data-callout='attention'] {
  --callout-color: var(--callout-warning);
}

.theme-light .callout[data-callout='danger'],
.theme-light .callout[data-callout='error'],
.theme-light .callout[data-callout='failure'],
.theme-light .callout[data-callout='fail'],
.theme-light .callout[data-callout='missing'],
.theme-light .callout[data-callout='bug'] {
  --callout-color: var(--callout-error);
}

.theme-light .callout[data-callout='example'] {
  --callout-color: var(--callout-example);
}

.theme-light .callout[data-callout='quote'],
.theme-light .callout[data-callout='cite'] {
  --callout-color: var(--callout-quote);
}
.theme-light .workspace-tab-header.is-active {
  border-color: var(--interactive-accent);
}

.theme-light .workspace-tab-header.is-active .workspace-tab-header-inner {
  color: var(--text-normal);
}

.theme-light .nav-file-title.is-active,
.theme-light .tree-item-self.is-clickable:hover,
.theme-light .suggestion-item.is-selected {
  background-color: var(--background-modifier-active-hover);
}

.theme-light .status-bar-item:hover {
  background-color: var(--background-modifier-hover);
}
.theme-light ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.theme-light ::-webkit-scrollbar-track,
.theme-light ::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-bg);
}

.theme-light ::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-bg);
  border: 2px solid transparent;
  background-clip: padding-box;
  border-radius: 6px;
}

.theme-light ::-webkit-scrollbar-thumb:hover,
.theme-light ::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-active-thumb-bg);
}

/* Style Settings overrides (consumed by the @settings controls above). */

body.hearthcode-mono-notes {
  --font-text: var(--font-monospace);
}

body.hearthcode-no-italics .cm-s-obsidian span.cm-comment,
body.hearthcode-no-italics .markdown-source-view.mod-cm6 .cm-line .cm-comment {
  font-style: normal;
}

body.hearthcode-accent-amber.theme-dark {
  --interactive-accent: #e6b84f;
  --interactive-accent-hover: #edc265;
  --text-on-accent: #191815;
}

body.hearthcode-accent-amber.theme-light {
  --interactive-accent: #845812;
  --interactive-accent-hover: #6f4a0e;
  --text-on-accent: #faf5ef;
}

body.hearthcode-accent-slate.theme-dark {
  --interactive-accent: #82b8e0;
  --interactive-accent-hover: #90c0e6;
  --text-on-accent: #191815;
}

body.hearthcode-accent-slate.theme-light {
  --interactive-accent: #2d5688;
  --interactive-accent-hover: #264c74;
  --text-on-accent: #faf5ef;
}