@font-face {
  font-family: 'CMU Typewriter Text';
  src: url('https://fontlibrary.org/assets/fonts/cmu-typewriter/23e02a92256c1fe81ac6950b685d9b10/0fcb173607f577abb4a0ab29e2050b09/CMUTypewriterText-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

code, pre, .cm-inline-code {
  font-family: "CMU Typewriter Text", 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: #cabbab;
  --background-modifier-message: #12312b;
  --color-accent: #b49967;
  --color-accent-1: #b49967;
  --color-accent-2: #c9ab73;
  --activeline: #22373270;
  --text-selection: #334b45b5;
  --color-bold: #359e87;
  --color-italic: #1cacb4;
  --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);
}

/* Desktop */
:root {
  --file-sidebar-width: 180px;
  --toc-sidebar-width: 180px;
}

/* Tablet and smaller */
@media (max-width: 768px) {
  :root {
    --file-sidebar-width: 120px;
    --toc-sidebar-width: 120px;
  }
}

.site-body-left-column,
.site-body-right-column {
  padding: 12px 12px; /* top/bottom left/right */
}

/* Left sidebar items */
.tree-item-self {
  padding: 8px 12px;
  margin-bottom: 4px;
}

/* Right sidebar TOC items */
.toc-item {
  padding: 6px 12px;
  margin-bottom: 3px;
}

/* Left sidebar - file/folder links */
.tree-item-self,
.nav-file-title,
.nav-folder-title {
  padding: 5px 10px;
}

/* Right sidebar - table of contents links */
.toc-item {
  padding: 5px 10px;
}

/* Site name at top of left sidebar */
.site-body-left-column-site-name {
  padding: 10px 15px;
}

/* Search box (if present) */
.search-input-container {
  padding: 10px;
}

.tree-item-self,
.toc-item {
  padding: 2px 2px;
  transition: padding 0.2s ease;
}

.tree-item-self:hover,
.toc-item:hover {
  padding: 4px 4px;
}