/* ===========================================
   Remnant Finder — Custom Theme
   Brand colors: Primary #586F7D, Dark #0F172A
   =========================================== */

/* ---- Light scheme ---- */
[data-md-color-scheme="remnant-light"] {
  --md-primary-fg-color: #586F7D;
  --md-primary-fg-color--light: #7A919D;
  --md-primary-fg-color--dark: #3D4F59;
  --md-primary-bg-color: #FFFFFF;
  --md-primary-bg-color--light: #FAFAFA;

  --md-accent-fg-color: #D4AF37;
  --md-accent-fg-color--transparent: rgba(212, 175, 55, 0.1);
  --md-accent-bg-color: #FFFFFF;

  --md-default-fg-color: #212121;
  --md-default-fg-color--light: #757575;
  --md-default-bg-color: #FAFAFA;

  --md-typeset-a-color: #586F7D;
}

/* ---- Dark scheme ---- */
[data-md-color-scheme="remnant-dark"] {
  --md-primary-fg-color: #7A919D;
  --md-primary-fg-color--light: #8D99A6;
  --md-primary-fg-color--dark: #586F7D;
  --md-primary-bg-color: #1E1E1E;
  --md-primary-bg-color--light: #121212;

  --md-accent-fg-color: #D4AF37;
  --md-accent-fg-color--transparent: rgba(212, 175, 55, 0.1);
  --md-accent-bg-color: #1E1E1E;

  --md-default-fg-color: rgba(255, 255, 255, 0.87);
  --md-default-fg-color--light: rgba(255, 255, 255, 0.54);
  --md-default-bg-color: #121212;

  --md-typeset-a-color: #7A919D;

  --md-code-bg-color: #1a1a2e;
}

/* ---- Header ---- */
.md-header {
  background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
}

/* ---- Logo size in header ---- */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.8rem;
  width: auto;
}

/* ---- Navigation highlight for active item ---- */
.md-nav__item--active > .md-nav__link {
  font-weight: 600;
}

/* ---- Pro badge styling ---- */
.md-nav__link:has(+ .md-nav__link) {
  font-weight: 500;
}

/* ---- Admonition custom colors ---- */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #D4AF37;
}

.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: rgba(212, 175, 55, 0.1);
}

.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: #D4AF37;
}

/* ---- Footer ---- */
.md-footer {
  background: #0F172A;
}

/* ---- Search highlight ---- */
.md-search-result mark {
  background-color: rgba(212, 175, 55, 0.3);
}

/* ---- Scrollbar (subtle brand touch) ---- */
::-webkit-scrollbar-thumb {
  background-color: #8D99A6;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #586F7D;
}