/* Dracula palette headings for markdown content.
   Dark mode uses the full Dracula palette; light/sand/rock use darker
   mixes of the same hues for readability. */
.md h1 { --drac: #ff79c6; }
.md h2 { --drac: #bd93f9; }
.md h3 { --drac: #8be9fd; }
.md h4 { --drac: #50fa7b; }
.md h5 { --drac: #f1fa8c; }
.md h6 { --drac: #ffb86c; }

.md h1,
.md h2,
.md h3,
.md h4,
.md h5,
.md h6 {
  color: var(--drac);
}

html.light .md h1,
html.light .md h2,
html.light .md h3,
html.light .md h4,
html.light .md h5,
html.light .md h6 {
  color: color-mix(in oklab, var(--drac) 62%, black);
}

html.sand .md h1,
html.sand .md h2,
html.sand .md h3,
html.sand .md h4,
html.sand .md h5,
html.sand .md h6,
html.rock .md h1,
html.rock .md h2,
html.rock .md h3,
html.rock .md h4,
html.rock .md h5,
html.rock .md h6 {
  color: color-mix(in oklab, var(--drac) 55%, black);
}