/* === Brand colors === */
[data-md-color-primary] {
  --md-primary-fg-color: #000 !important;       /* black header */
  --md-primary-fg-color--light: #222 !important;
  --md-primary-fg-color--dark: #000 !important;
}
[data-md-color-accent],
:root {
  --md-accent-fg-color: #B22222 !important;     /* dark red accents */
}

/* === Header (top bar) === */
.md-header {
  background-color: var(--md-primary-fg-color) !important;
  color: #fff !important;
}

/* Site title typography */
.md-header__title {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.md-header__title .md-ellipsis { padding: 0; }

/* === Sidebar nav === */
.md-sidebar--primary,
.md-nav--primary,
.md-nav--primary .md-nav__title {
  background: transparent !important;
  box-shadow: none !important;
}

/* Neutral link colors for light vs dark modes */
:root {
  --nav-link: #333;
}
[data-md-color-scheme="slate"] {
  --nav-link: #e0e0e0;
}

/* Sidebar links (clean look, no bg hover that breaks red border) */
.md-nav__link {
  color: var(--nav-link) !important;
  padding: .45rem .75rem .45rem 1rem;
  border-left: 3px solid transparent;
  border-radius: 0;
}
.md-nav__link:hover {
  color: var(--md-accent-fg-color) !important;
  text-decoration: none;
}
.md-nav__link--active {
  color: var(--md-accent-fg-color) !important;
  border-left-color: var(--md-accent-fg-color);
  font-weight: 600;
}

/* === Links in page content/footer === */
.md-content a:hover,
.md-footer a:hover {
  text-decoration: underline;
}

/* === Content links (default red instead of blue) === */
.md-content a,
.md-typeset a {
  color: var(--md-accent-fg-color) !important;
  text-decoration: none;
}

.md-content a:hover,
.md-typeset a:hover {
  color: var(--md-accent-fg-color) !important;
  text-decoration: underline;
}

/* Make tables larger and easier to read */
.md-typeset table {
  font-size: 0.95rem;          /* bump text size */
  width: 100%;                 /* stretch table full width */
  border-collapse: collapse;
}

.md-typeset table th,
.md-typeset table td {
  padding: 0.6rem 0.8rem;      /* add breathing room */
  border: 1px solid rgba(255,255,255,0.1); /* subtle borders (adjust for dark/light) */
}

[data-md-color-scheme="default"] .md-typeset table th,
[data-md-color-scheme="default"] .md-typeset table td {
  border-color: rgba(0,0,0,0.1); /* different border color for light mode */
}

.md-typeset table th {
  font-weight: 600;
  background: rgba(178,34,34,0.08); /* subtle red tint for header */
}

/* Headings in dark mode (slate scheme) → white */
[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3,
[data-md-color-scheme="slate"] .md-typeset h4,
[data-md-color-scheme="slate"] .md-typeset h5,
[data-md-color-scheme="slate"] .md-typeset h6 {
  color: #ffffff !important;
}

/* Headings in light mode (default scheme) → black */
[data-md-color-scheme="default"] .md-typeset h1,
[data-md-color-scheme="default"] .md-typeset h2,
[data-md-color-scheme="default"] .md-typeset h3,
[data-md-color-scheme="default"] .md-typeset h4,
[data-md-color-scheme="default"] .md-typeset h5,
[data-md-color-scheme="default"] .md-typeset h6 {
  color: #000000 !important;
}

/* --- Mobile drawer (burger menu) header should be solid black --- */
/* Material's drawer kicks in below ~1219px (76.1875em) */
@media screen and (max-width: 76.1875em) {
  /* Drawer background + its title bar (logo + site title) */
  .md-nav--primary,
  .md-nav--primary .md-nav__title {
    background-color: #000 !important;
    color: #fff !important;
  }

  /* Keep logo as-is (no inversion) */
  .md-nav--primary .md-logo img {
    height: 32px;
    width: auto;
  }

  /* Ensure site title is visible */
  .md-nav--primary .md-header__title {
    color: #fff !important;
  }
}

/* Hide footer navigation on small screens */
@media (max-width: 768px) {
  .md-footer {
    display: none !important;
  }
}