/* ModernPath Docs — custom styles */

/* ── Brand colors (custom primary) ────────────────────────── */
:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #0a0a0a;
  --md-primary-fg-color--light: #1a1a1a;
  --md-primary-fg-color--dark: #000000;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ffffffb3;
  --md-accent-fg-color: #d4856a;          /* muted coral from site CTA */
  --md-typeset-a-color: #d4856a;          /* content links in orange */
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0a0a0a;
  --md-primary-fg-color--light: #1a1a1a;
  --md-primary-fg-color--dark: #000000;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ffffffb3;
  --md-accent-fg-color: #d4856a;
  --md-typeset-a-color: #d4856a;
}

/* ── Header: black bar, white text ──────────────────────────── */
.md-header {
  background-color: #0a0a0a;
  color: #ffffff;
}

/* Nav tabs row: same black */
.md-tabs {
  background-color: #0a0a0a;
}

.md-tabs__link {
  color: rgba(255, 255, 255, 0.7);
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: #ffffff;
}

/* Logo sizing — show full horizontal logo */
.md-header__button.md-logo img {
  height: 1.6rem;
  width: auto;
}

/* Hide the site name text next to logo (logo already contains "ModernPath") */
.md-header__topic:first-child .md-ellipsis {
  display: none;
}

/* Search bar styling in dark header */
.md-search__input {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.md-search__input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* ── Sidebar nav: active item in orange ────────────────────── */
.md-nav__link--active,
.md-nav__link:is([data-md-state="active"]) {
  color: #d4856a !important;
}

/* ── Content typography ────────────────────────────────────── */

/* Slightly tighter heading spacing */
.md-typeset h2 {
  margin-top: 1.6em;
}

/* Props / config tables: full width, smaller font */
.md-typeset table:not([class]) {
  font-size: 0.82rem;
}

/* Code block max height for long snippets */
.md-typeset pre > code {
  max-height: 32rem;
}

/* ── Footer ────────────────────────────────────────────────── */
.md-footer {
  background-color: #0a0a0a;
}