.theme-dark,
.theme-light {
  /* Overwrite default theme colors with Navy theme */
  --base03: rgb(23, 35, 55); /* Primary Background */
  --base02: rgb(29, 43, 69); /* Secondary Background */
  --base01: rgb(88, 101, 117); /* Muted Grey */
  --base00: rgb(227, 230, 234); /* Soft White */
  --base0: rgb(169, 169, 169); /* Muted Text */
  --base1: rgb(99, 177, 232); /* Primary Accent */
  --base2: rgb(76, 175, 80); /* Success Green */
  --base3: rgb(240, 210, 54); /* Warning Yellow */
  --color-yellow: rgb(240, 210, 54); /* Warning */
  --color-orange: rgb(78, 136, 180); /* Accent Highlight */
  --color-red: rgb(240, 78, 78); /* Error */
  --color-pink: rgb(102, 51, 153); /* Secondary Accent */
  --color-purple: rgb(102, 51, 153); /* Secondary Accent */
  --color-blue: rgb(99, 177, 232); /* Primary Accent */
  --color-cyan: rgb(61, 191, 207); /* Info Cyan */
  --color-green: rgb(76, 175, 80); /* Success */
}

.theme-dark {
  --background-primary: var(--base03);
  --background-primary-alt: var(--base02);
  --text-normal: var(--base00);
  --text-muted: var(--base0);
  --text-faint: var(--base01);
  --active-bg: var(--base02);
  --tag-background: hsla(var(--color-blue), 0.2);
}

.theme-light {
  --background-primary: var(--base3);
  --background-primary-alt: var(--base2);
  --text-normal: var(--base00);
  --text-muted: var(--base0);
  --text-faint: var(--base1);
  --tag-background: hsla(var(--base1), 0.1);
}

.theme-dark,
.theme-light {
  --interactive-accent: var(--color-accent);
  --background-secondary: var(--background-primary);
  --background-secondary-alt: var(--background-primary-alt);
  --text-on-accent: var(--background-primary);
  --text-title: var(--color-cyan);
  --heading-formatting: var(--text-title);
  --h1-color: var(--text-title);
  --h2-color: var(--text-title);
  --h3-color: var(--text-title);
  --link-color: var(--color-blue);
  --link-external-color: var(--color-purple);
  --link-unresolved-color: var(--color-red);
  --code-comment: var(--color-cyan);
  --code-function: var(--color-blue);
  --code-important: var(--color-orange);
  --code-keyword: var(--color-green);
  --code-string: var(--color-cyan);
  --code-tag: var(--color-red);
  --code-value: var(--color-pink);
  --text-highlight-bg: var(--color-accent);
  --checkbox-border-color: var(--interactive-accent);
}

.cm-s-obsidian {
  /* Checkboxes */
  /* Links */
  /* Tables */
  /* Search results */
  /* Code */
  /* Highlights */
}
.cm-s-obsidian span.cm-formatting-task {
  color: var(--checkbox-color);
}
.cm-s-obsidian span.cm-formatting-link {
  color: var(--link-color);
}
.cm-s-obsidian span.cm-formatting-link.cm-strikethrough {
  text-decoration-line: line-through;
}
.cm-s-obsidian span.cm-link {
  color: var(--link-external-color) !important;
}
.cm-s-obsidian span.cm-url.cm-strikethrough {
  text-decoration-line: line-through;
}
.cm-s-obsidian .HyperMD-table-row-0 {
  font-weight: var(--font-bold);
}
.cm-s-obsidian span.obsidian-search-match-highlight {
  box-shadow: unset;
  mix-blend-mode: unset;
  border-radius: unset;
  background: var(--color-green);
  color: var(--text-on-accent);
  padding: 2px 0;
}
.cm-s-obsidian span.cm-comment {
  color: var(--code-comment);
}
.cm-s-obsidian span.cm-inline-code {
  padding: 2px 0;
}
.cm-s-Copy of computersobsidian span.cm-formatting-highlight,
.cm-s-obsidian span.cm-highlight {
  color: var(--text-on-accent);
  padding: 2px 0;
}

/* More code */
.cm-def {
  color: var(--code-function);
}

.cm-atom {
  color: var(--code-value);
}

.cm-hmd-frontmatter.cm-hmd-frontmatter.cm-atom,
.cm-hmd-frontmatter.cm-hmd-frontmatter.cm-def {
  color: var(--interactive-accent);
}

/* Search results */
.is-flashing {
  border-radius: unset;
  --code-normal: var(--text-highlight-bg);
  --link-color: var(--text-on-accent);
  --link-color-hover: var(--background-primary-alt);
  --link-decoration: underline;
  --link-decoration-hover: none;
  --link-external-color: var(--text-on-accent);
  --link-external-color-hover: var(--background-primary-alt);
  --link-external-decoration: underline;
  --link-external-decoration-hover: none;
}

.search-result-file-matched-text {
  color: var(--text-on-accent);
  padding: 2px 0;
}

.markdown-rendered {
  /* Unresolved links in preview mode */
  /* Highlights in preview mode */
}
.markdown-rendered .internal-link.is-unresolved:hover {
  color: var(--link-unresolved-color-hover);
  text-decoration-color: var(--link-unresolved-color-hover);
}
.markdown-rendered mark {
  color: var(--text-on-accent);
}

/* Highlight current line */
.cm-active {
  background: var(--active-bg);
}
.cm-active.cm-gutterElement {
  color: var(--color-accent);
}

/* Hashtags */
.cm-hashtag.cm-hashtag-begin, .cm-hashtag.cm-hashtag-end {
  border: unset;
  border-radius: unset;
}

/* https://github.com/nothingislost/obsidian-dynamic-highlights */
.cm-current-word,
.cm-matched-word,
.cm-current-string,
.cm-matched-string {
  background: var(--color-yellow);
  color: var(--text-on-accent);
  text-decoration: none;
  padding: 2px 0;
}

/* File explorer */
.is-flashing {
  color: var(--text-on-accent) !important;
}

.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title,
.workspace-leaf.mod-active .nav-file.has-focus > .nav-file-title {
  box-shadow: 0 0 0 2px var(--color-accent);
}

/* Community theme and plugin browsers */
.community-item:hover {
  border-color: var(--color-accent);
}
.community-item .suggestion-highlight {
  color: var(--text-on-accent);
  font-weight: unset;
}

/* Vimrc Support Plugin */
div.status-bar-item.plugin-obsidian-vimrc-support.vimrc-support-vim-mode {
  color: var(--text-on-accent);
}
div.status-bar-item.plugin-obsidian-vimrc-support.vimrc-support-vim-mode[data-vim-mode=normal] {
  background-color: var(--color-blue);
}
div.status-bar-item.plugin-obsidian-vimrc-support.vimrc-support-vim-mode[data-vim-mode=insert] {
  background-color: var(--color-green);
}
div.status-bar-item.plugin-obsidian-vimrc-support.vimrc-support-vim-mode[data-vim-mode=visual] {
  background-color: var(--color-pink);
}
div.status-bar-item.plugin-obsidian-vimrc-support.vimrc-support-vim-mode[data-vim-mode=replace] {
  background-color: var(--red);
}

/* Mermaid */
.mermaid tspan {
  fill: var(--text-on-accent);
}

/*# sourceMappingURL=theme.css.map */
