/* Use the app's copper accent for links and the active page, in a deeper shade so text stays readable on white. */
[data-md-color-scheme="default"] {
  --md-accent-fg-color: #9a6640;
  --md-accent-fg-color--transparent: rgb(154 102 64 / 12%);
  --md-typeset-a-color: #9a6640;
}

/* Dark scheme: a lighter copper, so links and the active page stay readable on dark backgrounds. */
[data-md-color-scheme="slate"] {
  --md-accent-fg-color: #d9a27f;
  --md-accent-fg-color--transparent: rgb(217 162 127 / 16%);
  --md-typeset-a-color: #d9a27f;
}

/* Dark scheme: text links in the article use the same copper, not the theme's blue. */
[data-md-color-scheme="slate"] .md-typeset a {
  color: #d9a27f;
}

/* Dark scheme: lift the sidebar slightly off the page background. */
[data-md-color-scheme="slate"] .md-sidebar--primary .md-sidebar__scrollwrap {
  background-color: #17181d;
  border-radius: 12px 12px 0 0;
  border-right: 1px solid rgb(217 162 127 / 35%);
}

/* Give the left navigation a soft grey surface and a darker edge in the light scheme. */
[data-md-color-scheme="default"] .md-sidebar--primary .md-sidebar__scrollwrap {
  background-color: #f6f6f6;
  border-radius: 12px 12px 0 0;
  border-right: 1px solid #e4e4e4;
}

/* Open up the navigation so the items are not packed together. */
.md-sidebar--primary .md-nav--primary {
  padding: 0.6rem 0.4rem;
}

.md-sidebar--primary .md-nav__item {
  padding: 0;
}

.md-sidebar--primary .md-nav__link {
  padding: 0.35rem 0.8rem;
  line-height: 1.3;
}