/* Reverie — Obsidian theme by Santi Younger
 * Follows https://help.obsidian.md/Extending+Obsidian/Themes/App+themes/Theme+guidelines
 * CSS variables reference: https://docs.obsidian.md/Reference/CSS+variables/CSS+variables
 */


body {
  --font-monospace-theme: "Source Code Pro", monospace;
  --font-text-size: 16px;
  --bold-weight: 600;
  --file-margins: 10px;
  --file-header-font-weight: 600;
  --divider-width: 1px;
  --table-header-weight: 600;
  --table-header-border-width: 2px;
  --embed-padding: 10px;
  
  --highlight-text-color: #000000;
}

.theme-dark {
  --background-primary: #1a2023;
  --background-primary-alt: #1a2023;
  --background-secondary: #222b2f;
  --background-secondary-alt: #073334;
  --text-normal: #faf2d6;
  --text-faint: #bdae93;
  --text-accent: #2ccab7;
  --text-accent-hover: #83a598;
  
  --text-on-accent: #ffffff;
  --text-on-accent-inverted: #1a2023;
  --text-selection: #16304d;
  --text-highlight-bg: #c9d86a;
  --background-modifier-border: #95c1bb;
  --interactive-normal: #a89984;
  --interactive-hover: #a89984;
  
  --interactive-accent: #0b797d;
  --interactive-accent-rgb: 11, 121, 125;
  --h1-color: #c1dde1;
  --h2-color: #8ab8bd;
  --h3-color: #56a7b0;
  --h4-color: #52adb5;
  --h5-color: #56b5aa;
  --h6-color: #56b5aa;
  --h1-size: 20px;
  --h2-size: 20px;
  --h3-size: 20px;
  --h4-size: 20px;
  --h5-size: 20px;
  --h6-size: 20px;
  --h1-weight: 500;
  --h2-weight: 500;
  --h3-weight: 500;
  --h4-weight: 500;
  --h5-weight: 500;
  --h6-weight: 500;
  --link-color: #2ccab7;
  --link-color-hover: #83a598;
  --link-decoration: none;
  --link-decoration-hover: none;
  --link-external-color: #2ccab7;
  --link-external-color-hover: #83a598;
  --link-external-decoration: none;
  --link-external-decoration-hover: none;
  --code-background: #073334;
  --code-normal: #83a598;
  --code-size: 0.9em;
  --graph-text: #83a598;
  --graph-node-focused: rgb(var(--interactive-accent-rgb));
  --nav-item-color-active: #2ccab7;
  --nav-item-background-active: var(--background-primary-alt);
  --nav-collapse-icon-color: #2ccab7;
  --nav-collapse-icon-color-collapsed: #2ccab7;
  --table-header-border-color: var(--background-modifier-border);
  --caret-color: #2ccab7;
  --divider-color: var(--background-secondary-alt);
  --checkbox-border-color: #a89984;
  --checkbox-color: #a89984;
  --checkbox-marker-color: var(--background-primary);
  --icon-color-hover: var(--text-accent);
}

.theme-dark .cm-s-obsidian span.obsidian-search-match-highlight {
  color: var(--text-normal);
  background-color: #483699;
}

.theme-light {
  --background-primary: #e7e7e7;
  --background-primary-alt: #e7e7e7;
  --background-secondary: #e3e3e3;
  --background-secondary-alt: #bebebe;
  --text-normal: #1a2023;
  --text-faint: #534a42;
  --text-accent: #0c5249;
  --text-accent-hover: #084540;
  --text-on-accent: #ffffff;
  --text-on-accent-inverted: #1a2023;
  --text-highlight-bg: #b8d4a0;
  --background-modifier-border: #0a4a44;
  --interactive-normal: #534a42;
  --interactive-hover: #534a42;
  --interactive-accent: #0c5249;
  --interactive-accent-rgb: 12, 82, 73;
  --h1-color: #063530;
  --h2-color: #073d38;
  --h3-color: #084540;
  --h4-color: #3b4646;
  --h5-color: #3b4646;
  --h6-color: #3b4646;
  --h1-size: 20px;
  --h2-size: 20px;
  --h3-size: 20px;
  --h4-size: 20px;
  --h5-size: 20px;
  --h6-size: 20px;
  --h1-weight: 500;
  --h2-weight: 500;
  --h3-weight: 500;
  --h4-weight: 500;
  --h5-weight: 500;
  --h6-weight: 500;
  --link-color: #0c5249;
  --link-color-hover: #084540;
  --link-decoration: none;
  --link-decoration-hover: none;
  --link-external-color: #0c5249;
  --link-external-color-hover: #084540;
  --link-external-decoration: none;
  --link-external-decoration-hover: none;
  --code-background: #bebebe;
  --code-normal: #3d4f50;
  --code-size: 0.9em;
  --graph-text: #084540;
  --graph-node-focused: rgb(var(--interactive-accent-rgb));
  --nav-item-color-active: #0c5249;
  --nav-item-background-active: var(--background-primary-alt);
  --nav-collapse-icon-color: #0c5249;
  --nav-collapse-icon-color-collapsed: #0c5249;
  --table-header-border-color: var(--background-modifier-border);
  --caret-color: #0c5249;
  --divider-color: var(--background-secondary-alt);
  --checkbox-border-color: #534a42;
  --checkbox-color: #534a42;
  --checkbox-marker-color: var(--background-primary);
  --icon-color-hover: var(--text-accent);
}


.theme-dark code[class*="language-"],
.theme-dark pre[class*="language-"],
.theme-light code[class*="language-"],
.theme-light pre[class*="language-"] {
  text-shadow: none;
  background-color: var(--code-background);
}


mark,
.markdown-preview-view mark,
.markdown-rendered mark {
  background-color: var(--text-highlight-bg);
  color: var(--highlight-text-color);
  border-radius: var(--radius-s);
  padding: 0 2px;
  opacity: 1;
  filter: none;
}

.markdown-source-view.mod-cm6 span.cm-highlight,
.cm-s-obsidian .cm-line span.cm-highlight,
.cm-s-obsidian .cm-line:not(.cm-active) span.cm-highlight,
.cm-s-obsidian .cm-line.cm-active span.cm-highlight {
  background-color: var(--text-highlight-bg);
  color: var(--highlight-text-color);
  -webkit-text-fill-color: var(--highlight-text-color);
  border-radius: var(--radius-s);
  opacity: 1;
  filter: none;
  mix-blend-mode: normal;
}

.cm-s-obsidian .cm-line:not(.cm-active) span.cm-formatting-highlight {
  color: var(--highlight-text-color);
  opacity: 0.75;
}


.HyperMD-codeblock {
  line-height: 1.4em;
}

.HyperMD-codeblock-begin {
  border-top-left-radius: var(--radius-s);
  border-top-right-radius: var(--radius-s);
}

.HyperMD-codeblock-end {
  border-bottom-left-radius: var(--radius-s);
  border-bottom-right-radius: var(--radius-s);
}

.HyperMD-list-line {
  padding-top: 0;
}


.markdown-rendered img,
.markdown-preview-view img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.markdown-embed {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle,
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
  width: var(--divider-width);
  background-color: var(--divider-color);
}

.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
  height: var(--divider-width);
  background-color: var(--divider-color);
}

.workspace-split.mod-root .workspace-split.mod-vertical .workspace-leaf-content,
.workspace-split.mod-vertical > .workspace-split,
.workspace-split.mod-vertical > .workspace-leaf,
.workspace-tabs {
  padding-right: 0;
}

.suggestion-item.is-selected {
  background-color: var(--background-secondary);
}

.empty-state-container:hover {
  background-color: var(--background-secondary-alt);
  border: 5px solid var(--interactive-accent);
}

.mod-cta {
  color: var(--text-on-accent);
  background-color: var(--interactive-accent);
  font-weight: var(--font-semibold);
}

.mod-cta:hover {
  background-color: var(--interactive-normal);
  filter: brightness(1.06);
}


.cm-fat-cursor .CodeMirror-cursor,
.cm-animate-fat-cursor {
  background-color: var(--caret-color);
  opacity: 0.6;
  width: 9px;
  visibility: visible;
}