/* JPPlayerVaults docs - brand tweaks on top of Material for MkDocs.
   The palette follows the plugin artwork: dark slate background, emerald accent. */

:root {
  --jpv-green: #22c55e;
  --jpv-green-soft: #16a34a;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0f1a2b;
  --md-primary-fg-color--light: #16233a;
  --md-primary-fg-color--dark: #0b1220;
  --md-accent-fg-color: var(--jpv-green);
  --md-typeset-a-color: #4ade80;
  --md-default-bg-color: #0d1524;
}

.md-header {
  background-color: #0b1220;
  border-bottom: 1px solid rgba(34, 197, 94, 0.25);
}

.md-tabs {
  background-color: #0b1220;
}

.md-typeset h1,
.md-typeset h2 {
  font-weight: 700;
}

/* Home cards: a subtle emerald edge on hover. */
.md-typeset .grid.cards > ul > li {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 0.6rem;
  transition: border-color 120ms ease, transform 120ms ease;
}

.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--jpv-green);
  transform: translateY(-2px);
}

.md-typeset .grid.cards .twemoji,
.md-typeset .grid.cards .lg {
  color: var(--jpv-green);
}

/* Tables read better with a little more room. */
.md-typeset table:not([class]) th {
  background-color: rgba(34, 197, 94, 0.08);
}