/* Base16 "Black Metal (Venom)" by metalelf0 — tinted-theming/schemes */
:root {
  --bm-00: #000000; /* background */
  --bm-01: #121212; /* raised surfaces: header, code, cards */
  --bm-02: #222222; /* selection, borders */
  --bm-03: #333333; /* subtle borders */
  --bm-04: #999999; /* secondary text */
  --bm-05: #c1c1c1; /* body text */
  --bm-08: #5f8787; /* teal: links */
  --bm-0A: #79241f; /* venom red: accent */
  --bm-0B: #f8f7f2; /* bone white: titles, hover */
  --bm-0F: #444444; /* faint text */
}

[data-md-color-scheme="slate"] {
  --md-hue: 0;
  --md-default-bg-color:           var(--bm-00);
  --md-default-bg-color--light:    var(--bm-01);
  --md-default-bg-color--lighter:  var(--bm-02);
  --md-default-bg-color--lightest: var(--bm-03);
  --md-default-fg-color:           var(--bm-05);
  --md-default-fg-color--light:    var(--bm-04);
  --md-default-fg-color--lighter:  var(--bm-0F);
  --md-default-fg-color--lightest: var(--bm-02);

  --md-primary-fg-color:        var(--bm-01);
  --md-primary-fg-color--light: var(--bm-02);
  --md-primary-fg-color--dark:  var(--bm-00);
  --md-primary-bg-color:        var(--bm-05);
  --md-primary-bg-color--light: var(--bm-04);

  --md-accent-fg-color:              var(--bm-0B);
  --md-accent-fg-color--transparent: rgba(121, 36, 31, 0.25);
  --md-accent-bg-color:              var(--bm-0B);

  --md-typeset-color:   var(--bm-05);
  --md-typeset-a-color: var(--bm-08);
  --md-code-bg-color:   var(--bm-01);
  --md-code-fg-color:   var(--bm-05);
  --md-footer-bg-color:       var(--bm-01);
  --md-footer-bg-color--dark: var(--bm-00);
  --md-footer-fg-color:        var(--bm-05);
  --md-footer-fg-color--light: var(--bm-04);
  --md-admonition-bg-color: var(--bm-01);
  --md-admonition-fg-color: var(--bm-05);
}

::selection { background: var(--bm-0A); color: var(--bm-0B); }

/* Header: near-black bar with a thin venom-red line */
.md-header, .md-tabs { background-color: var(--bm-01); }
.md-tabs { border-bottom: 2px solid var(--bm-0A); }
.md-tabs__link--active { color: var(--bm-0B); }
.md-search__form { background-color: var(--bm-02); }

/* Titles in bone white */
.md-typeset h1 { color: var(--bm-0B); font-weight: 400; }
.md-typeset h2, .md-typeset h3 { color: var(--bm-0B); }

/* Active sidebar item */
.md-nav__link--active { color: var(--bm-0B); }

/* Quote box in venom red */
.md-typeset .admonition.quote, .md-typeset details.quote { border-color: var(--bm-0A); }
.md-typeset .quote > .admonition-title, .md-typeset .quote > summary { background-color: rgba(121, 36, 31, 0.2); }
.md-typeset .quote > .admonition-title::before, .md-typeset .quote > summary::before { background-color: var(--bm-0A); }
.md-typeset blockquote { border-left-color: var(--bm-0A); color: var(--bm-04); }

/* Post date line under titles */
.md-typeset .post-date {
  margin-top: -0.6rem;
  color: var(--bm-04);
  font-size: 0.75rem;
  letter-spacing: 0.02em;
}

/* Poems: keep line breaks within a stanza */
.md-typeset .poem p {
  white-space: pre-line;
  margin: 0 0 1.2em;
}
.md-typeset .poem h3 {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--bm-04);
  margin-top: 2em;
}

/* Home page cards */
.md-typeset .grid.cards > ul > li {
  border-color: var(--bm-02);
  background: var(--bm-01);
}
.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--bm-0A);
  box-shadow: none;
}
.md-typeset .grid.cards hr { border-color: var(--bm-02); }
.md-typeset .grid.cards .card-date {
  display: block;
  font-size: 0.7rem;
  color: var(--bm-04);
  margin-bottom: 0.3rem;
}

/* Images */
.md-typeset img { border-radius: 2px; }
.md-typeset .photo-stack img {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
}

/* Logo */
.md-header__button.md-logo img {
  height: 1.8rem;
  border-radius: 50%;
}