.highlight {
  background-color: var(--color-code-bg);
  border-radius: 8px;
  padding: var(--spacing-lg);
  overflow-x: auto;
  margin: 1.5em 0;
}

.highlight pre {
  margin: 0;
  padding: 0;
  background: none;
}

.highlight code {
  background: none;
  padding: 0;
}

/* Gruvbox Light syntax highlighting (faded variants for light bg) */
.highlight .hll {
  background-color: #ebdbb2;
}
.highlight .c {
  color: #928374;
  font-style: italic;
}
.highlight .err {
  color: #9d0006;
}
.highlight .k {
  color: #9d0006;
}
.highlight .o {
  color: #af3a03;
}
.highlight .ch {
  color: #928374;
  font-style: italic;
}
.highlight .cm {
  color: #928374;
  font-style: italic;
}
.highlight .cp {
  color: #928374;
}
.highlight .cpf {
  color: #928374;
  font-style: italic;
}
.highlight .c1 {
  color: #928374;
  font-style: italic;
}
.highlight .cs {
  color: #928374;
  font-style: italic;
}
.highlight .gd {
  color: #9d0006;
  background-color: #f9e0bb;
}
.highlight .ge {
  font-style: italic;
}
.highlight .gr {
  color: #9d0006;
}
.highlight .gh {
  color: #79740e;
  font-weight: bold;
}
.highlight .gi {
  color: #79740e;
  background-color: #dde5b4;
}
.highlight .go {
  color: #928374;
}
.highlight .gp {
  color: #7c6f64;
  font-weight: bold;
}
.highlight .gs {
  font-weight: bold;
}
.highlight .gu {
  color: #427b58;
  font-weight: bold;
}
.highlight .gt {
  color: #9d0006;
}
.highlight .kc {
  color: #9d0006;
}
.highlight .kd {
  color: #9d0006;
}
.highlight .kn {
  color: #9d0006;
}
.highlight .kp {
  color: #9d0006;
}
.highlight .kr {
  color: #9d0006;
}
.highlight .kt {
  color: #b57614;
}
.highlight .m {
  color: #8f3f71;
}
.highlight .s {
  color: #79740e;
}
.highlight .na {
  color: #79740e;
}
.highlight .nb {
  color: #b57614;
}
.highlight .nc {
  color: #b57614;
}
.highlight .no {
  color: #8f3f71;
}
.highlight .nd {
  color: #427b58;
}
.highlight .ni {
  color: #b57614;
}
.highlight .ne {
  color: #9d0006;
}
.highlight .nf {
  color: #427b58;
}
.highlight .nl {
  color: #9d0006;
}
.highlight .nn {
  color: #3c3836;
}
.highlight .nt {
  color: #9d0006;
}
.highlight .nv {
  color: #076678;
}
.highlight .ow {
  color: #9d0006;
}
.highlight .w {
  color: #928374;
}
.highlight .mb {
  color: #8f3f71;
}
.highlight .mf {
  color: #8f3f71;
}
.highlight .mh {
  color: #8f3f71;
}
.highlight .mi {
  color: #8f3f71;
}
.highlight .mo {
  color: #8f3f71;
}
.highlight .sa {
  color: #79740e;
}
.highlight .sb {
  color: #79740e;
}
.highlight .sc {
  color: #79740e;
}
.highlight .dl {
  color: #79740e;
}
.highlight .sd {
  color: #928374;
  font-style: italic;
}
.highlight .s2 {
  color: #79740e;
}
.highlight .se {
  color: #af3a03;
}
.highlight .sh {
  color: #79740e;
}
.highlight .si {
  color: #af3a03;
}
.highlight .sx {
  color: #79740e;
}
.highlight .sr {
  color: #79740e;
}
.highlight .s1 {
  color: #79740e;
}
.highlight .ss {
  color: #af3a03;
}
.highlight .bp {
  color: #b57614;
}
.highlight .fm {
  color: #427b58;
}
.highlight .vc {
  color: #076678;
}
.highlight .vg {
  color: #076678;
}
.highlight .vi {
  color: #076678;
}
.highlight .vm {
  color: #076678;
}
.highlight .il {
  color: #8f3f71;
}

/* Gruvbox Dark syntax highlighting */
[data-theme="dark"] .highlight .hll {
  background-color: #504945;
}
[data-theme="dark"] .highlight .c {
  color: #928374;
  font-style: italic;
}
[data-theme="dark"] .highlight .err {
  color: #fb4934;
}
[data-theme="dark"] .highlight .k {
  color: #fb4934;
}
[data-theme="dark"] .highlight .o {
  color: #fe8019;
}
[data-theme="dark"] .highlight .ch {
  color: #928374;
  font-style: italic;
}
[data-theme="dark"] .highlight .cm {
  color: #928374;
  font-style: italic;
}
[data-theme="dark"] .highlight .cp {
  color: #928374;
}
[data-theme="dark"] .highlight .cpf {
  color: #928374;
  font-style: italic;
}
[data-theme="dark"] .highlight .c1 {
  color: #928374;
  font-style: italic;
}
[data-theme="dark"] .highlight .cs {
  color: #928374;
  font-style: italic;
}
[data-theme="dark"] .highlight .gd {
  color: #fb4934;
  background-color: #462726;
}
[data-theme="dark"] .highlight .gi {
  color: #b8bb26;
  background-color: #32361a;
}
[data-theme="dark"] .highlight .gr {
  color: #fb4934;
}
[data-theme="dark"] .highlight .gh {
  color: #b8bb26;
  font-weight: bold;
}
[data-theme="dark"] .highlight .go {
  color: #928374;
}
[data-theme="dark"] .highlight .gp {
  color: #a89984;
  font-weight: bold;
}
[data-theme="dark"] .highlight .gu {
  color: #8ec07c;
  font-weight: bold;
}
[data-theme="dark"] .highlight .gt {
  color: #fb4934;
}
[data-theme="dark"] .highlight .kc {
  color: #fb4934;
}
[data-theme="dark"] .highlight .kd {
  color: #fb4934;
}
[data-theme="dark"] .highlight .kn {
  color: #fb4934;
}
[data-theme="dark"] .highlight .kp {
  color: #fb4934;
}
[data-theme="dark"] .highlight .kr {
  color: #fb4934;
}
[data-theme="dark"] .highlight .kt {
  color: #fabd2f;
}
[data-theme="dark"] .highlight .m {
  color: #d3869b;
}
[data-theme="dark"] .highlight .s {
  color: #b8bb26;
}
[data-theme="dark"] .highlight .na {
  color: #b8bb26;
}
[data-theme="dark"] .highlight .nb {
  color: #fabd2f;
}
[data-theme="dark"] .highlight .nc {
  color: #fabd2f;
}
[data-theme="dark"] .highlight .no {
  color: #d3869b;
}
[data-theme="dark"] .highlight .nd {
  color: #8ec07c;
}
[data-theme="dark"] .highlight .ni {
  color: #fabd2f;
}
[data-theme="dark"] .highlight .ne {
  color: #fb4934;
}
[data-theme="dark"] .highlight .nf {
  color: #8ec07c;
}
[data-theme="dark"] .highlight .nl {
  color: #fb4934;
}
[data-theme="dark"] .highlight .nn {
  color: #ebdbb2;
}
[data-theme="dark"] .highlight .nt {
  color: #fb4934;
}
[data-theme="dark"] .highlight .nv {
  color: #83a598;
}
[data-theme="dark"] .highlight .ow {
  color: #fb4934;
}
[data-theme="dark"] .highlight .w {
  color: #928374;
}
[data-theme="dark"] .highlight .mb {
  color: #d3869b;
}
[data-theme="dark"] .highlight .mf {
  color: #d3869b;
}
[data-theme="dark"] .highlight .mh {
  color: #d3869b;
}
[data-theme="dark"] .highlight .mi {
  color: #d3869b;
}
[data-theme="dark"] .highlight .mo {
  color: #d3869b;
}
[data-theme="dark"] .highlight .sa {
  color: #b8bb26;
}
[data-theme="dark"] .highlight .sb {
  color: #b8bb26;
}
[data-theme="dark"] .highlight .sc {
  color: #b8bb26;
}
[data-theme="dark"] .highlight .dl {
  color: #b8bb26;
}
[data-theme="dark"] .highlight .sd {
  color: #928374;
  font-style: italic;
}
[data-theme="dark"] .highlight .s2 {
  color: #b8bb26;
}
[data-theme="dark"] .highlight .se {
  color: #fe8019;
}
[data-theme="dark"] .highlight .sh {
  color: #b8bb26;
}
[data-theme="dark"] .highlight .si {
  color: #fe8019;
}
[data-theme="dark"] .highlight .sx {
  color: #b8bb26;
}
[data-theme="dark"] .highlight .sr {
  color: #b8bb26;
}
[data-theme="dark"] .highlight .s1 {
  color: #b8bb26;
}
[data-theme="dark"] .highlight .ss {
  color: #fe8019;
}
[data-theme="dark"] .highlight .bp {
  color: #fabd2f;
}
[data-theme="dark"] .highlight .fm {
  color: #8ec07c;
}
[data-theme="dark"] .highlight .vc {
  color: #83a598;
}
[data-theme="dark"] .highlight .vg {
  color: #83a598;
}
[data-theme="dark"] .highlight .vi {
  color: #83a598;
}
[data-theme="dark"] .highlight .vm {
  color: #83a598;
}
[data-theme="dark"] .highlight .il {
  color: #d3869b;
}