/* Drakkar docs — custom theme overrides */

/* Slate (dark mode) — warmer hue to match the cream/ink debug UI palette */
[data-md-color-scheme="slate"] {
  --md-hue: 180;
}

/* Header: subtle bottom border */
.md-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
[data-md-color-scheme="slate"] .md-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

/* Code blocks: slightly tighter */
.highlight code {
  font-size: 0.82em;
}

/* Inline code: teal-tinted background */
:not(pre) > code {
  background-color: rgba(0, 150, 136, 0.08);
  border-radius: 3px;
  padding: 0.1em 0.3em;
}
[data-md-color-scheme="slate"] :not(pre) > code {
  background-color: rgba(0, 150, 136, 0.15);
}

/* Tables: full-width with subtle hover */
.md-typeset table:not([class]) {
  width: 100%;
}
.md-typeset table:not([class]) tr:hover td {
  background-color: rgba(0, 150, 136, 0.04);
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) tr:hover td {
  background-color: rgba(0, 150, 136, 0.08);
}

/* Admonitions: slightly rounded */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 6px;
}

/* Footer: reduce visual weight */
.md-footer {
  opacity: 0.9;
}

/* Nav sidebar: tighter spacing for our flat structure */
.md-nav__item {
  padding: 0.1em 0;
}

/* Scheme-aware diagrams: show light variant by default, dark on slate */
[data-md-color-scheme="default"] .diagram-dark,
[data-md-color-scheme="slate"] .diagram-light {
  display: none;
}
