/* jaxfne custom theme colors - extracted from MaDeLaNe palette */

:root {
  /* Primary dark background */
  --md-default-bg-color: #1b1b1b;
  --md-code-bg-color: #1b1b1b;
  
  /* Secondary dark grey background */
  --md-footer-bg-color: #2d2d2d;
  --md-footer-fg-color: #c3aa5f;
  
  /* Gold accent for text, links, accents */
  --md-primary-fg-color: #c3aa5f;
  --md-accent-fg-color: #c3aa5f;
  
  /* Text on dark backgrounds */
  --md-default-fg-color: #e8e8e8;
  --md-default-fg-color--light: #c9c9c9;
  --md-default-fg-color--lighter: #9e9e9e;
  
  /* Code/syntax highlighting */
  --md-code-fg-color: #c3aa5f;
  --md-code-hl-color: rgba(195, 170, 95, 0.15);
}

/* Surface colors for cards, tables, etc. */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #1b1b1b;
  --md-default-fg-color: #e8e8e8;
  --md-primary-fg-color: #c3aa5f;
  --md-accent-fg-color: #c3aa5f;
}

/* Header styling */
.md-header {
  background-color: #1b1b1b;
  color: #c3aa5f;
}

.md-header__button:hover,
.md-header__button:focus {
  color: #c3aa5f;
}

/* Navigation sidebar */
.md-nav__link:hover,
.md-nav__link--active {
  color: #c3aa5f;
}

/* Accent on various UI elements */
.md-typeset a,
.md-typeset a:hover,
.md-typeset a:visited {
  color: #c3aa5f;
}

/* Code blocks */
.md-typeset code {
  background-color: rgba(45, 45, 45, 0.5);
  color: #c3aa5f;
  border-radius: 4px;
}

.md-typeset pre {
  background-color: #2d2d2d;
  border-left: 4px solid #c3aa5f;
}

/* Admonitions and callout boxes */
.md-typeset .admonition {
  background-color: rgba(45, 45, 45, 0.7);
  border-left: 4px solid #c3aa5f;
}

.md-typeset .admonition-title {
  color: #c3aa5f;
}

/* Tables */
.md-typeset table {
  border-collapse: collapse;
}

.md-typeset tbody tr:hover {
  background-color: rgba(195, 170, 95, 0.1);
}

/* Footer */
.md-footer {
  background-color: #2d2d2d;
  color: #e8e8e8;
}

.md-footer__link:hover {
  color: #c3aa5f;
}

/* Search box styling */
.md-search__inner {
  background-color: #2d2d2d;
}

.md-search__input {
  color: #e8e8e8;
}

.md-search__input::placeholder {
  color: #9e9e9e;
}

/* Buttons */
.md-button:hover {
  background-color: rgba(195, 170, 95, 0.15);
  color: #c3aa5f;
}