:root {
  --font-family-editor: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  --font-family-preview: var(--font-family-editor);
  --formating-scale-factor: 0.85;

  /* ROOT_COLORS_BEGIN */
  
  --blue: #84a0c6;
  --green: #b4be82;
  --lblue: #89b8c2;
  --orange: #e2a478;
  --purple: #a093c7;
  --red: #e27878;
  --black: #1e2132;
  --brightBlack: #6b7089;
  --white: #c6c8d1;
  --brightWhite: #d2d4de;
  --lightBlue: #a0b6d3;
  --lightOrange: #e9bb9a;
  
}

.theme-dark {
  
  
  --background-primary: #161821;
  --background-primary-alt: #0f1117;
  --background-secondary: var(--black);
  --background-secondary-alt: #0f1117;
  --background-modifier-success: var(--green);
  --background-modifier-error: var(--red);
  --background-modifier-error-rgb: 226, 120, 120;
  --text-accent: var(--orange);
  --text-accent-hover: var(--lightOrange);
  --text-normal: var(--white);
  --text-muted: var(--brightBlack);
  --text-faint: var(--brightBlack);
  --text-error: var(--red);
  --text-highlight-bg: #e2a47880;
  --text-selection: var(--lblue);
  --text-on-accent: var(--black);
  --interactive-accent: var(--blue);
  --interactive-accent-rgb: 132, 160, 198;
  --interactive-accent-hover: var(--lightBlue);
  --interactive-success: var(--green);
  --text-strong: var(--brightWhite);
  --text-inline-code: var(--blue);
  --background-tag: var(--brightBlack);
  --background-tag-hover: #81859c;
  --text-tag: var(--black);
  --background-block-cursor: var(--white);
  
}

.cm-s-obsidian .CodeMirror-line {
  line-height: 1.5;
}

div.markdown-source-view {
	font-family: var(--font-family-editor);
}

div.markdown-preview-view {
	font-family: var(--font-family-preview);
}


.cm-header,
.markdown-preview-view h1,
.markdown-preview-view h2,
.markdown-preview-view h3,
.markdown-preview-view h4,
.markdown-preview-view h5,
.markdown-preview-view h6 {
  color: var(--text);
}
.cm-header-1, .markdown-preview-view h1 { font-size: 1.6em; }
.cm-header-1.cm-formatting-header { font-size: calc(var(--formating-scale-factor) * 1.6em); }
.cm-header-2, .markdown-preview-view h2 { font-size: 1.4em; }
.cm-header-2.cm-formatting-header { font-size: calc(var(--formating-scale-factor) * 1.4em); }
.cm-header-3, .markdown-preview-view h3 { font-size: 1.2em; }
.cm-header-3.cm-formatting-header { font-size: calc(var(--formating-scale-factor) * 1.2em); }
.cm-header-4, .markdown-preview-view h4,
.cm-header-5, .markdown-preview-view h5,
.cm-header-6, .markdown-preview-view h6 {
  font-size: 1em;
}
.cm-header-4.cm-formatting-header,
.cm-header-5.cm-formatting-header,
.cm-header-6.cm-formatting-header {
  font-size: calc(var(--formating-scale-factor) * 1em);
}
.cm-formatting-header {
  color: var(--text-faint);
}


.cm-s-obsidian span.cm-url,
.markdown-preview-view a {
  color: var(--blue);
}
.cm-s-obsidian span.cm-url:hover,
.markdown-preview-view a:hover {
  color: var(--lightBlue);
}
.cm-formatting.cm-formatting-link-string.cm-string.cm-url {
  color: var(--text-muted);
}


.cm-em,
.markdown-preview-view em {
  color: var(--text-strong);
  font-style: italic;
}
.cm-formatting-em.cm-em {
  color: var(--text-faint);
}


.cm-strong,
.markdown-preview-view strong {
  color: var(--text-strong);
  font-weight: bold;
}
.cm-formatting-strong.cm-strong {
  color: var(--text-faint);
}


.HyperMD-quote.HyperMD-quote-1.CodeMirror-line {
  border-left: 4px solid var(--text-muted);
}
.cm-formatting.cm-formatting-quote.cm-formatting-quote-1.cm-quote.cm-quote-1 {
  padding-left: 4px;
  padding-right: 4px;
  color: var(--text-muted);
}
.cm-s-obsidian span.cm-quote {
  color: var(--text-normal);
}
.markdown-preview-view blockquote {
  border: none;
  margin: 0;
  padding: 0 12px;
  border-left: 4px solid var(--text-muted);
  color: var(--text-muted);
}


.cm-s-obsidian .HyperMD-codeblock {
  color: var(--orange);
}
.HyperMD-codeblock.CodeMirror-line span {
  line-height: 1.5;
}


.cm-s-obsidian pre.HyperMD-codeblock > span[role="presentation"] {
  padding: 0 16px;
}

.cm-s-obsidian pre.HyperMD-codeblock-begin {
  padding-top: 8px;
  padding-bottom: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.cm-s-obsidian pre.HyperMD-codeblock-end {
  padding-bottom: 8px;
  padding-top: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}


.cm-s-obsidian span.cm-inline-code,
.markdown-preview-view code {
  color: var(--text-inline-code);
}


.cm-s-obsidian span.cm-hashtag.cm-hashtag-begin {
  border-top-left-radius: 9999vh;
  border-bottom-left-radius: 9999vh;
  padding-left: 8px;
  padding-right: 2px;
}
.cm-s-obsidian span.cm-hashtag.cm-hashtag-end {
  border-top-right-radius: 9999vh;
  border-bottom-right-radius: 9999vh;
  padding-right: 8px;
}
.cm-s-obsidian span.cm-hashtag {
  background-color: var(--background-tag);
  padding: 4px 0;
  text-decoration: none;
  color: var(--text-tag);
  cursor: pointer;
  font-family: var(--font-family-editor);
}
.markdown-preview-view a.tag {
  border-radius: 9999vh;
  padding: 4px 8px;
  background-color: var(--background-tag);
  text-decoration: none;
  color: var(--text-tag);
  cursor: pointer;
  font-family: var(--font-family-editor);
}
.markdown-preview-view a.tag:hover {
  background-color: var(--background-tag-hover);
}


.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 5;
}
.cm-fat-cursor .CodeMirror-cursor,
.cm-animate-fat-cursor {
  font-family: monospace;
  background-color: var(--background-block-cursor);
  opacity: 0.6;
}


.CodeMirror-selected {
  opacity: 0.2;
}


.view-header-title {
  font-size: 14px;
  font-weight: 600;
}