/* Centurion Seat Manager Docs - Dark Theme Only
 *
 * ONLY modifies [data-md-color-scheme="slate"] (dark mode)
 * Light mode is left as Material default
 *
 * Dark theme palette:
 *   Background: #232629
 *   Accent: #8B652B
 *   Text: #ADB1BC
 */

/* ===========================================
   DARK THEME ONLY - slate scheme
   =========================================== */

[data-md-color-scheme="slate"] {
  /* Background colors */
  --md-default-bg-color: #232629 !important;
  --md-default-bg-color--light: #2a2e32 !important;
  --md-default-bg-color--lighter: #32363a !important;
  --md-default-bg-color--lightest: #3a3e42 !important;

  /* Text colors */
  --md-default-fg-color: #ADB1BC !important;
  --md-default-fg-color--light: #ADB1BC !important;
  --md-default-fg-color--lighter: rgba(173, 177, 188, 0.7) !important;
  --md-default-fg-color--lightest: rgba(173, 177, 188, 0.4) !important;

  /* Primary - DARK GRAY for header background */
  --md-primary-fg-color: #232629 !important;
  --md-primary-fg-color--light: #2a2e32 !important;
  --md-primary-fg-color--dark: #1a1d20 !important;
  --md-primary-bg-color: #ADB1BC !important;
  --md-primary-bg-color--light: #ADB1BC !important;

  /* Accent color for highlights, links, active states */
  --md-accent-fg-color: #8B652B !important;
  --md-accent-fg-color--transparent: rgba(139, 101, 43, 0.1) !important;
  --md-accent-bg-color: #232629 !important;

  /* Typography */
  --md-typeset-color: #ADB1BC !important;
  --md-typeset-a-color: #8B652B !important;
  --md-typeset-mark-color: rgba(139, 101, 43, 0.3) !important;

  /* Code blocks */
  --md-code-fg-color: #ADB1BC !important;
  --md-code-bg-color: #1a1d20 !important;
  --md-code-hl-color: rgba(139, 101, 43, 0.15) !important;
  --md-code-hl-number-color: #d19a66;
  --md-code-hl-special-color: #c678dd;
  --md-code-hl-function-color: #61afef;
  --md-code-hl-constant-color: #d19a66;
  --md-code-hl-keyword-color: #c678dd;
  --md-code-hl-string-color: #98c379;
  --md-code-hl-name-color: #e06c75;
  --md-code-hl-operator-color: #56b6c2;
  --md-code-hl-punctuation-color: #ADB1BC;
  --md-code-hl-comment-color: #7f848e;
  --md-code-hl-generic-color: #8B652B;
  --md-code-hl-variable-color: #e06c75;

  /* Footer */
  --md-footer-fg-color: #ADB1BC !important;
  --md-footer-fg-color--light: rgba(173, 177, 188, 0.7) !important;
  --md-footer-fg-color--lighter: rgba(173, 177, 188, 0.4) !important;
  --md-footer-bg-color: #1a1d20 !important;
  --md-footer-bg-color--dark: #15181a !important;

  /* Admonitions */
  --md-admonition-fg-color: #ADB1BC !important;
  --md-admonition-bg-color: #2a2e32 !important;

  /* Tables */
  --md-typeset-table-color: rgba(173, 177, 188, 0.1) !important;
}

/* ============================================
   HEADER - Force dark gray background
   ============================================ */

[data-md-color-scheme="slate"] .md-header {
  background-color: #232629 !important;
  color: #ADB1BC !important;
}

[data-md-color-scheme="slate"] .md-header[data-md-state="shadow"] {
  background-color: #232629 !important;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.5), 0 0.2rem 0.4rem rgba(0, 0, 0, 0.3) !important;
}

[data-md-color-scheme="slate"] .md-header__title {
  color: #ADB1BC !important;
}

[data-md-color-scheme="slate"] .md-header__button {
  color: #ADB1BC !important;
}

[data-md-color-scheme="slate"] .md-header__topic {
  color: #ADB1BC !important;
}

/* ============================================
   TABS - Force dark gray background
   ============================================ */

[data-md-color-scheme="slate"] .md-tabs {
  background-color: #232629 !important;
}

[data-md-color-scheme="slate"] .md-tabs__link {
  color: #ADB1BC !important;
  opacity: 0.7;
}

[data-md-color-scheme="slate"] .md-tabs__link--active,
[data-md-color-scheme="slate"] .md-tabs__link:hover {
  color: #8B652B !important;
  opacity: 1;
}

/* ============================================
   SEARCH
   ============================================ */

[data-md-color-scheme="slate"] .md-search__input {
  background-color: #2a2e32 !important;
  color: #ADB1BC !important;
}

[data-md-color-scheme="slate"] .md-search__input::placeholder {
  color: rgba(173, 177, 188, 0.5) !important;
}

[data-md-color-scheme="slate"] .md-search-result {
  background-color: #232629 !important;
}

[data-md-color-scheme="slate"] .md-search-result__item {
  color: #ADB1BC !important;
}

[data-md-color-scheme="slate"] .md-search-result__link {
  background-color: #232629 !important;
}

[data-md-color-scheme="slate"] .md-search-result__link:hover {
  background-color: #2a2e32 !important;
}

[data-md-color-scheme="slate"] .md-search-result__title {
  color: #ADB1BC !important;
}

[data-md-color-scheme="slate"] .md-search-result__teaser {
  color: rgba(173, 177, 188, 0.7) !important;
}

/* ============================================
   NAVIGATION / SIDEBAR
   ============================================ */

[data-md-color-scheme="slate"] .md-sidebar {
  background-color: #232629 !important;
}

[data-md-color-scheme="slate"] .md-nav__title {
  color: #ADB1BC !important;
}

[data-md-color-scheme="slate"] .md-nav__link {
  color: #ADB1BC !important;
}

[data-md-color-scheme="slate"] .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__item--active > .md-nav__link {
  color: #8B652B !important;
}

/* TOC on right side */
[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__link {
  color: #ADB1BC !important;
}

[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__link--active {
  color: #8B652B !important;
}

/* ============================================
   CONTENT
   ============================================ */

[data-md-color-scheme="slate"] .md-content {
  background-color: #232629 !important;
}

[data-md-color-scheme="slate"] .md-typeset {
  color: #ADB1BC !important;
}

/* ============================================
   MERMAID - Ensure readability in light mode
   ============================================ */

[data-md-color-scheme="default"] .mermaid .node text,
[data-md-color-scheme="default"] .mermaid .label text,
[data-md-color-scheme="default"] .mermaid .nodeLabel,
[data-md-color-scheme="default"] .mermaid .label foreignObject div,
[data-md-color-scheme="default"] .mermaid .edgeLabel {
  fill: #ffffff !important;
  color: #ffffff !important;
}

[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: #ADB1BC !important;
}

[data-md-color-scheme="slate"] .md-typeset a {
  color: #8B652B !important;
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: #a67a3d !important;
}

/* Tables */
[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  background-color: #232629 !important;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: #2a2e32 !important;
  color: #ADB1BC !important;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) td {
  color: #ADB1BC !important;
  border-color: rgba(173, 177, 188, 0.1) !important;
}

/* Code blocks */
[data-md-color-scheme="slate"] .md-typeset code,
[data-md-color-scheme="slate"] .md-typeset pre {
  background-color: #1a1d20 !important;
  color: #ADB1BC !important;
}

[data-md-color-scheme="slate"] .highlight {
  background-color: #1a1d20 !important;
}

/* ============================================
   ADMONITIONS
   ============================================ */

[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
  background-color: #2a2e32 !important;
  border-color: #8B652B !important;
}

[data-md-color-scheme="slate"] .md-typeset .admonition-title,
[data-md-color-scheme="slate"] .md-typeset details summary {
  background-color: rgba(139, 101, 43, 0.15) !important;
  color: #ADB1BC !important;
}

[data-md-color-scheme="slate"] .md-typeset .admonition.info,
[data-md-color-scheme="slate"] .md-typeset .admonition.note,
[data-md-color-scheme="slate"] .md-typeset details.info,
[data-md-color-scheme="slate"] .md-typeset details.note {
  border-color: #8B652B !important;
}

[data-md-color-scheme="slate"] .md-typeset .admonition.info > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .admonition.note > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset details.info > summary,
[data-md-color-scheme="slate"] .md-typeset details.note > summary {
  background-color: rgba(139, 101, 43, 0.15) !important;
}

/* ============================================
   FOOTER
   ============================================ */

[data-md-color-scheme="slate"] .md-footer {
  background-color: #1a1d20 !important;
  color: #ADB1BC !important;
}

[data-md-color-scheme="slate"] .md-footer-meta {
  background-color: #15181a !important;
}

[data-md-color-scheme="slate"] .md-footer__link {
  color: #ADB1BC !important;
}

/* ============================================
   ICONS
   ============================================ */

[data-md-color-scheme="slate"] .md-icon svg {
  fill: currentColor !important;
}

[data-md-color-scheme="slate"] .md-header .md-icon {
  color: #ADB1BC !important;
}

[data-md-color-scheme="slate"] .twemoji,
[data-md-color-scheme="slate"] .md-typeset .twemoji {
  fill: currentColor !important;
}

[data-md-color-scheme="slate"] .md-typeset .md-icon {
  color: #ADB1BC !important;
}

/* ============================================
   MOBILE
   ============================================ */

@supports (padding-top: env(safe-area-inset-top)) {
  [data-md-color-scheme="slate"] .md-header {
    padding-top: env(safe-area-inset-top);
  }
}

@media screen and (max-width: 76.1875em) {
  [data-md-color-scheme="slate"] .md-nav--primary .md-nav__title {
    background-color: #232629 !important;
    color: #ADB1BC !important;
  }

  [data-md-color-scheme="slate"] .md-nav--primary .md-nav__title[for="__drawer"] {
    background-color: #232629 !important;
  }

  [data-md-color-scheme="slate"] .md-nav--primary {
    background-color: #232629 !important;
  }
}

/* ============================================
   SCROLLBARS (webkit)
   ============================================ */

[data-md-color-scheme="slate"] ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-track {
  background: #232629;
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb {
  background: #3a3e42;
  border-radius: 4px;
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb:hover {
  background: #8B652B;
}