@import url('https://fontlibrary.org/face/cmu-typewriter');

body {
  font-family: 'CMU Typewriter', monospace;
}

/* Target the main content area */
.markdown-preview-view,
.markdown-rendered,
.mod-active .markdown-preview-sizer,
.site-body-center-column {
  font-family: 'CMU Typewriter', monospace;
}

/* Also target paragraphs and other text elements */
.markdown-preview-view p,
.markdown-rendered p,
.markdown-preview-view div,
.markdown-rendered div {
  font-family: 'CMU Typewriter', monospace;
}

/* Rose Shadow (Dark Mode) + Alchemy (Light Mode) */

/* Dark Mode - Rose Shadow */
.theme-dark {
  --color-base-00: #3b252d;
  --color-base-05: #773d477e;
  --color-base-10: #35242a;
  --color-base-20: #412730;
  --color-base-25: #4d2d38;
  --color-base-30: #773d477e;
  --color-base-35: #773d477e;
  --color-base-40: #c2937b;
  --color-base-50: #b3826a;
  --color-base-70: #c2937b;
  --color-base-100: #d3a590;
  --background-modifier-message: #28171d;
  --color-accent: #b884c4;
  --color-accent-1: #b884c4;
  --color-accent-2: #c693d1;
  --activeline: #4e2d3896;
  --text-selection: #6e425296;
  --color-bold: #fccab1;
  --color-italic: #eccfe8;
  --text-highlight-bg: #b053bc2e;
  --heading-formatting-color: #d12e6d;
  --in-between-background: #321e25;
  --background-modifier-form-field: #4d2d38;
  --interactive-normal: #773d477e;
  --interactive-hover: #773d477e;
  --text-highlight-bg-active: #b053bc2e;
}

/* Light Mode - Alchemy */
.theme-light {
  --color-base-00: #0f1d1a;
  --color-base-05: #253a35;
  --code-background: #122a25;
  --color-base-10: #0b1614;
  --color-base-20: #10201d;
  --color-base-25: #1e332f;
  --color-base-30: #253a35;
  --color-base-35: #253a35;
  --color-base-40: #253a35;
  --color-base-50: #a08d57;
  --color-base-70: #ad9962;
  --color-base-100: #d4cac1;
  --background-modifier-message: #12312b;
  --color-accent: #359e87;
  --color-accent-1: #b49967;
  --color-accent-2: #c9ab73;
  --activeline: #22373270;
  --text-selection: #334b45b5;
  --color-bold: #f3ede4;
  --color-italic:#26cca8;
  --text-highlight-bg: #a0632666;
  --heading-formatting-color: #a83d3d;
  --in-between-background: #0c1815;
  --background-modifier-form-field: #1e332f;
  --interactive-normal: #253a35;
  --interactive-hover: #253a35;
  --text-highlight-bg-active: #a0632666;
}

/* Apply bold and italic colors */
strong, .cm-strong, b {
  color: var(--color-bold);
}

em, .cm-em, i {
  color: var(--color-italic);
}

/* For editor mode (if applicable) */
.markdown-source-view.mod-cm6 .cm-formatting-strong,
.markdown-source-view.mod-cm6 .cm-strong {
  color: var(--color-bold);
}

.markdown-source-view.mod-cm6 .cm-formatting-em,
.markdown-source-view.mod-cm6 .cm-em {
  color: var(--color-italic);
}



/* Mobile only */
@media (max-width: 820px) {
  body {
    font-size: 12px !important;
  }
  .markdown-preview-view {
    font-size: 12px !important;
  }
}

.markdown-rendered a {
  text-decoration: none !important;
  font-weight: 600 !important;
}


/*everything */

h1, h2, h3 { margin-top: 2em; margin-bottom: 0.5em; }
h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.2rem; }

.markdown-preview-view {
  font-size: 1.05rem;
  line-height: 1.75;
}

a.external-link {
  background-image: none !important;
  padding-right: 0 !important;
}