/* ───  Gruvbox Dark palette  ───────────────────────────── */
.theme-dark,
.theme-light.theme-dark {
  /* Core background layers */
  --background-primary: #282828; /* dark0 */
  --background-secondary: #32302f; /* dark0-soft */
  --background-primary-alt: #1d2021; /* dark0-hard */
  --background-secondary-alt: #3c3836; /* dark1 */

  /* Text & basic UI */
  --text-normal: #d5c4a1; /* light2 */
  --text-muted: #bdae93; /* light3 */
  --text-faint: #928374; /* gray_245 */
  --text-accent: #83a598; /* bright_blue */
  --interactive-accent: #fabd2f; /* bright_yellow */
  --link-unresolved-color: #fb4934; /* bright_red */

  /* Borders / dividers */
  --divider-color: #504945; /* dark2 */

  /* Code blocks & inline code */
  --code-bg-color: #1d2021; /* dark0-hard */
  --code-normal: #a89984; /* light4 */
}

/* Optional : highlight inline code better */
.markdown-preview-view code,
.markdown-source-view.is-readable-line-width .cm-inline-code {
  padding: 0.15em 0.25em;
  border-radius: 4px;
}

/* Highlight active links in sidebar / outline */
.nav-file-title.is-active,
.tree-item-self.is-clicked {
  background: var(--background-secondary-alt);
}

/* Custom Stuff*/
.site-footer a {
  display: none;
}

.site-footer::after {
  content: "by mgrv";
  color: grey;
}

.site-body-left-column-site-logo img {
  width: 100px;
  filter: var(--logo-mode);
}

.csite-body-left-column-site-logo {
  text-align: center;
}

.site-body-left-column-site-name {
  color: var(--h1);
}

.site-body-left-column-site-name {
  transition: color 0.5s ease;
}

.site-body-left-column-site-name:hover {
  color: var(--text-accent);
}