:root {
  --base03-rgb: 0, 43, 54;
  --base03: rgb(var(--base03-rgb));
  --base02-rgb: 7, 54, 66;
  --base02: rgb(var(--base02-rgb));
  --base01-rgb: 88, 110, 117;
  --base01: rgb(var(--base01-rgb));
  --base00-rgb: 101, 123, 131;
  --base00: rgb(var(--base00-rgb));
  --base0-rgb: 131, 148, 150;
  --base0: rgb(var(--base0-rgb));
  --base1-rgb: 147, 161, 161;
  --base1: rgb(var(--base1-rgb));
  --base2-rgb: 238, 232, 213;
  --base2: rgb(var(--base2-rgb));
  --base3-rgb: 253, 246, 227;
  --base3: rgb(var(--base3-rgb));
  --yellow-rgb: 181, 137, 0;
  --yellow: rgb(var(--yellow-rgb));
  --orange-rgb: 203, 75, 22;
  --orange: rgb(var(--orange-rgb));
  --red-rgb: 220, 50, 47;
  --red: rgb(var(--red-rgb));
  --magenta-rgb: 211, 54, 130;
  --magenta: rgb(var(--magenta-rgb));
  --violet-rgb: 108, 113, 196;
  --violet: rgb(var(--violet-rgb));
  --blue-rgb: 38, 139, 210;
  --blue: rgb(var(--blue-rgb));
  --cyan-rgb: 42, 161, 152;
  --cyan: rgb(var(--cyan-rgb));
  --green-rgb: 133, 153, 0;
  --green: rgb(var(--green-rgb));
}

.theme-dark {
  /* Overwrite default theme colors */
  --color-base-00: #1e1e1e;
  --color-base-10: #242424;
  --color-base-20: #262626;
  --color-base-25: var(--base03);
  --color-base-30: var(--base02);
  --color-base-35: var(--base02);
  --color-base-40: var(--base0);
  --color-base-50: #666;
  --color-base-60: #999;
  --color-base-70: #bababa;
  --color-base-100: #dadada;
  
  --background-primary: var(--base03);
  --background-primary-alt: var(--base02);
  
  --text-normal: var(--base0);
  --text-muted: var(--base00);
  --text-faint: var(--base01);
  
  --active-bg: var(--nav-item-background-active);
}

.theme-light {
  
  --color-base-00: var(--base2);
  --color-base-05: #fcfcfc;
  --color-base-10: var(--base2);
  --color-base-20: #f6f6f6;
  --color-base-25: #e3e3e3;
  --color-base-30: var(--base2);
  --color-base-35: var(--base2);
  --color-base-40: var(--base00);
  --color-base-50: #ababab;
  --color-base-60: #707070;
  --color-base-70: #5a5a5a;
  --color-base-100: #222222;
  
  --background-primary: var(--base3);
  --background-primary-alt: var(--base2);
  
  --text-normal: var(--base00);
  --text-muted: var(--base0);
  --text-faint: var(--base1);
  
  --active-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.1);
  --nav-item-background-active: var(--active-bg);
}

.theme-dark,
.theme-light {
  
  --color-red-rgb: var(--red-rgb);
  --color-red: var(--red);
  --color-green-rgb: var(--green-rgb);
  --color-green: var(--green);
  --color-orange: var(--orange);
  --color-yellow: var(--yellow);
  --color-cyan: var(--cyan);
  --color-blue: var(--blue);
  --color-purple: var(--violet);
  --color-pink: var(--magenta);
  --accent-h: 18;
  --accent-s: 80%;
  --accent-l: 44%;
  --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(--cyan);
  --heading-formatting: var(--text-title);
  --h1-color: var(--text-title);
  --h2-color: var(--text-title);
  --h3-color: var(--text-title);
  --h4-color: var(--text-title);
  --h5-color: var(--text-title);
  --h6-color: var(--text-title);
  
  --link-color: var(--blue);
  --link-color-hover: var(--link-color);
  --link-decoration: none;
  --link-decoration-hover: underline;
  --link-external-color: var(--violet);
  --link-external-color-hover: var(--link-external-color);
  --link-external-decoration: none;
  --link-external-decoration-hover: underline;
  --link-unresolved-color: var(--red);
  --link-unresolved-color-hover: var(--link-unresolved-color);
  --link-unresolved-opacity: unset;
  --link-unresolved-decoration-color: var(--link-unresolved-color);
  
  --code-normal: var(--text-normal);
  --code-comment: var(--cyan);
  --code-function: var(--blue);
  --code-important: var(--orange);
  --code-keyword: var(--green);
  --code-operator: var(--code-normal);
  --code-property: var(--code-normal);
  --code-punctuation: var(--code-normal);
  --code-string: var(--cyan);
  --code-tag: var(--red);
  --code-value: var(--magenta);
  
  --table-header-size: inherit;
  --table-header-weight: var(--font-bold);
  --table-header-color: inherit;
  
  --text-highlight-bg: var(--color-accent);
  --text-highlight-bg-active: var(--color-accent);
  
  --checkbox-border-color: var(--interactive-accent);
  --checkbox-border-color-hover: var(--interactive-accent-hover);
  
  --tag-padding-x: var(--tag-padding-y);
  
  --background-modifier-border-focus: var(--interactive-accent);
}

.cm-s-obsidian {
  
  
  
  
  
  
}
.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(--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-obsidian span.cm-formatting-highlight,
.cm-s-obsidian span.cm-highlight {
  color: var(--text-on-accent);
  padding: 2px 0;
}


.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);
}


.is-flashing {
  border-radius: unset;
}

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

.markdown-rendered .internal-link.is-unresolved:hover {
  color: var(--link-unresolved-color-hover);
  text-decoration-color: var(--link-unresolved-color-hover);
}


.cm-active {
  background: var(--active-bg);
}
.cm-active.cm-gutterElement {
  color: var(--color-accent);
}


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


.cm-current-word,
.cm-matched-word,
.cm-current-string,
.cm-matched-string {
  background: var(--yellow);
  color: var(--text-on-accent);
  text-decoration: none;
  padding: 2px 0;
}


.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);
}