:root {
  --sage-dark: #5F7E62;
  --sage-light: #A8BFA9;
  --brand-red: #B85348;
  --charcoal: #262626;
}

.navbar {
  background-color: #B85348 !important;
}

[data-bs-theme="dark"] .navbar {
  background-color: #C55F53 !important;
}

.navbar .submenu {
  background-color: #B85348 !important; /* Changes the background color */
}

[data-bs-theme="dark"] .navbar .submenu {
  background-color: #C55F53 !important; /* Changes the background color */
}


.navbar .navbar-brand,
.navbar .nav-link {
  color: white !important;
}

.navbar .nav-link:hover,
.navbar .navbar-brand:hover {
  opacity: 0.85;
}

a {
  color: #5F7E62;
}

a:hover {
  color: #B85348;
}

/* Color for all headings (H1, H2, H3, etc.) */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #334335 !important;
}

/* Color for bold text */
strong, b {
  color: #334335;
}

/* Background color for inline code snippets */
code {
  background-color: #ebefeb;
  padding: 0.2em 0.4em;
  border-radius: 4px;
}

/* Background color for code chunks/blocks */
pre.src, pre.r, div.sourceCode {
  background-color: #ebefeb !important;
}

/* Ensures the internal pre block inherits the background */
pre.src code, div.sourceCode pre {
  background-color: transparent !important;
}

/* Target evaluated output blocks and standard preformatted text */
pre, .markdown-body pre, pre code, .output pre {
  background-color: #ebefeb !important;
}

/* Ensure the container background matches seamlessly */
div.pre {
  background-color: #ebefeb !important;
}