:root {
  /* Define Light Mode colors by default */
  --code-bg: #e9ebee;
  --code-color: #eb5757;
}

/* Update variables for System Dark Mode OR Linkita's Dark Class */
@media (prefers-color-scheme: dark) {
  :root {
    --code-bg: #2d2d2d;
    --code-color: #ffb86c;
  }
}

/* Manual toggle overrides */
body.dark {
  --code-bg: #2d2d2d;
  --code-color: #ffb86c;
}

body.light {
  --code-bg: #e9ebee;
  --code-color: #eb5757;
}

/* One single rule for the code element */
code {
  background-color: var(--code-bg);
  color: var(--code-color);
  padding: 0.2em 0.4em;
  border-radius: 3px;
  font-family: monospace;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}

/* Clean up pseudo-elements */
code::before,
code::after {
  content: "" !important;
}

/* Specifically target the Table of Contents within its unique nav structure */
nav.block-bg ul {
  list-style-type: none !important;
}

nav.block-bg li {
  list-style-type: none !important;
}