/* ── MarSci brand tokens ─────────────────────────────────────────── */

/* Dark scheme */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #0b1829;
  --md-primary-fg-color--light: #0f2035;
  --md-primary-fg-color--dark:  #070f1a;
  --md-accent-fg-color:         #00C9A7;
  --md-default-bg-color:        #0b1829;
  --md-default-bg-color--light: #0f2035;
  --md-default-bg-color--dark:  #070f1a;
  --md-typeset-color:           #e6edf3;
  --md-typeset-a-color:         #00C9A7;
  --md-code-bg-color:           #0f2035;
  --md-code-fg-color:           #cdd7e3;
}

/* Light scheme — matches frontend design system */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #00796B;
  --md-primary-fg-color--light: #00897b;
  --md-primary-fg-color--dark:  #00695c;
  --md-accent-fg-color:         #00796B;
  --md-default-bg-color:        #f1f3f7;   /* hsl(220 14% 96%) */
  --md-default-bg-color--light: #ffffff;
  --md-default-bg-color--dark:  #e2e5ec;   /* hsl(220 13% 91%) */
  --md-typeset-color:           #060d1f;   /* hsl(224 71% 4%) */
  --md-typeset-a-color:         #00796B;
  --md-code-bg-color:           #ffffff;
  --md-code-fg-color:           #1a2332;
}

/* ── Header ─────────────────────────────────────────────────────── */
.md-header {
  background-color: #00796B !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

/* Title hidden but still takes up flex space to push everything else right */
.md-header__title {
  visibility: hidden !important;
  flex-grow: 1 !important;
}

/* Logo */
.md-header__button.md-logo {
  display: flex !important;
  align-items: center !important;
}
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 32px !important;
  width: auto !important;
  filter: brightness(0) invert(1);
}

/* Search */
.md-search__form {
  background-color: rgba(0,0,0,0.2) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 7px !important;
}
.md-search__input { color: #ffffff !important; }
.md-search__input::placeholder { color: rgba(255,255,255,0.5) !important; }

/* All header icon buttons */
.md-header__button { color: rgba(255,255,255,0.85) !important; }
.md-header__button:hover { color: #ffffff !important; opacity: 1 !important; }

/* Nav tabs */
.md-tabs__link,
[data-md-color-scheme="default"] .md-tabs__link {
  font-size: 15px !important;
  font-weight: 500 !important;
  padding: 0 16px !important;
}

/* GitHub pill — no background shape */
.md-source {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 4px 8px !important;
  white-space: nowrap !important;
}
.md-source:hover { background: transparent !important; }
.md-source__icon svg { width: 18px !important; height: 18px !important; fill: rgba(255,255,255,0.9) !important; }
.md-source__repository {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}
.md-source__facts { display: none !important; }

/* ── Nav tabs ───────────────────────────────────────────────────── */
.md-tabs,
[data-md-color-scheme="default"] .md-tabs {
  background-color: #00796B !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

.md-tabs__link,
[data-md-color-scheme="default"] .md-tabs__link {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.7) !important;
  opacity: 1 !important;
}
.md-tabs__link:hover,
[data-md-color-scheme="default"] .md-tabs__link:hover {
  color: #ffffff !important;
}
.md-tabs__link--active,
[data-md-color-scheme="default"] .md-tabs__link--active {
  color: #ffffff !important;
  font-weight: 600 !important;
  border-bottom: 2px solid #ffffff !important;
}

/* ── Author avatars ──────────────────────────────────────────────── */
.ms-authors {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 28px;
}
.ms-avatars {
  display: flex;
  align-items: center;
}
.ms-avatar-chip {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2.5px solid var(--md-default-bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  margin-left: -8px;
  position: relative;
  cursor: default;
  transition: transform 0.15s;
  z-index: 1;
  text-decoration: none;
}
.ms-avatar-chip:first-child { margin-left: 0; }
.ms-avatar-chip:hover { transform: translateY(-3px); z-index: 10; }
.ms-avatar-chip::after {
  content: attr(data-name);
  position: absolute;
  bottom: calc(100% + 7px);
  left: 50%;
  transform: translateX(-50%);
  background: #1a2332;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  padding: 4px 9px;
  border-radius: 5px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s;
}
.ms-avatar-chip:hover::after { opacity: 1; }
.ms-author-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--md-default-fg-color--light);
}

/* ── Sidebar nav ─────────────────────────────────────────────────── */
.md-nav__link--active {
  color: #00C9A7 !important;
  font-weight: 600;
}
[data-md-color-scheme="default"] .md-nav__link--active { color: #00796B !important; }

/* ── Page titles ─────────────────────────────────────────────────── */
.md-typeset h1 {
  color: #00796B;
}
[data-md-color-scheme="slate"] .md-typeset h1 {
  color: #00C9A7;
}

/* ── Code blocks ─────────────────────────────────────────────────── */
.md-typeset code { border-radius: 3px; font-size: 0.85em; }

/* ── Admonitions ─────────────────────────────────────────────────── */
.md-typeset .admonition,
.md-typeset details { border-left-width: 3px; border-radius: 4px; }

/* ── Tables ──────────────────────────────────────────────────────── */
.md-typeset table:not([class]) th {
  background-color: var(--md-default-bg-color--light);
  font-size: 0.78em;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* ── Blog post meta ──────────────────────────────────────────────── */
.md-post__meta { font-size: 0.75em; opacity: 0.7; }

/* ── Footer ──────────────────────────────────────────────────────── */
.md-footer-meta__inner a[href*="mkdocs-material"] { display: none !important; }
.md-footer { background: #0b1829 !important; }
.md-footer-meta { background: #070f1a !important; }
[data-md-color-scheme="default"] .md-footer { background: #1a2332 !important; }
[data-md-color-scheme="default"] .md-footer-meta { background: #111827 !important; }
[data-md-color-scheme="default"] .md-footer-meta .md-footer-meta__inner { color: #9ca3af !important; }
[data-md-color-scheme="default"] .md-copyright { color: #9ca3af !important; }
[data-md-color-scheme="default"] .md-footer__link { color: #d1d5db !important; }
[data-md-color-scheme="default"] .md-footer__title { color: #d1d5db !important; }

/* ── Mermaid ─────────────────────────────────────────────────────── */
.mermaid { background: var(--md-default-bg-color--light); border-radius: 4px; padding: 16px; }