/* Custom dark theme colors matching App.css dark mode */

:root {
  /* Primary color (blue) */
  --md-primary-fg-color: #5b9fff;
  --md-primary-fg-color--light: #7db3ff;
  --md-primary-fg-color--dark: #4a8eef;
  --md-primary-bg-color: #1e1f22;
  --md-primary-bg-color--light: #2b2d31;

  /* Accent color (orange) */
  --md-accent-fg-color: #e06c4d;
  --md-accent-fg-color--transparent: rgba(224, 108, 77, 0.1);
  --md-accent-bg-color: #5a2e24;
  --md-accent-bg-color--light: rgba(224, 108, 77, 0.1);
}

/* Slate scheme overrides */
[data-md-color-scheme="slate"] {
  /* Background colors */
  --md-default-bg-color: #2b2d31;
  --md-default-bg-color--light: #35373c;
  --md-default-bg-color--lighter: #3c3e44;
  --md-default-bg-color--lightest: #404249;

  /* Text colors */
  --md-default-fg-color: #e8e8e8;
  --md-default-fg-color--light: #b9bbbe;
  --md-default-fg-color--lighter: #8e9297;
  --md-default-fg-color--lightest: #72767d;

  /* Code block colors */
  --md-code-bg-color: #1e1f22;
  --md-code-fg-color: #d4d4d4;
  --md-code-hl-color: rgba(91, 159, 255, 0.15);
  --md-code-hl-number-color: #b5cea8;
  --md-code-hl-special-color: #c586c0;
  --md-code-hl-function-color: #dcdcaa;
  --md-code-hl-constant-color: #4fc1ff;
  --md-code-hl-keyword-color: #c586c0;
  --md-code-hl-string-color: #ce9178;
  --md-code-hl-name-color: #9cdcfe;
  --md-code-hl-operator-color: #d4d4d4;
  --md-code-hl-punctuation-color: #d4d4d4;
  --md-code-hl-comment-color: #6a9955;
  --md-code-hl-generic-color: #d4d4d4;
  --md-code-hl-variable-color: #9cdcfe;

  /* Typeset colors */
  --md-typeset-color: #e8e8e8;
  --md-typeset-a-color: #5b9fff;

  /* Footer */
  --md-footer-bg-color: #1e1f22;
  --md-footer-bg-color--dark: #1e1f22;
  --md-footer-fg-color: #b9bbbe;
  --md-footer-fg-color--light: #8e9297;
  --md-footer-fg-color--lighter: #72767d;

  /* Shadow */
  --md-shadow-z1: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --md-shadow-z2: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
  --md-shadow-z3: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.5);
}

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

/* Navigation sidebar */
.md-nav--primary .md-nav__title {
  background-color: #1e1f22;
}

/* Table of contents */
.md-sidebar--secondary {
  background-color: transparent;
}

/* Admonitions */
[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
  background-color: #1e1f22;
  border-color: #3f4147;
}

/* Tables */
[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  background-color: #2b2d31;
  border-color: #3f4147;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: #1e1f22;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) td {
  border-color: #3f4147;
}