/**
 * CHAI Brand Customization for Material for MkDocs
 *
 * Brand Colors:
 * - Primary Purple: #6222ff
 * - Brand Blue: #67a8e4
 * - Dark Blue-Gray: #2c3e50
 */

/* Custom color palette - Light mode */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #6222ff;
  --md-primary-fg-color--light: #7d4dff;
  --md-primary-fg-color--dark: #4d1acc;
  --md-primary-bg-color: #ffffff;

  --md-accent-fg-color: #67a8e4;
  --md-accent-fg-color--transparent: rgba(103, 168, 228, 0.1);

  /* Typography colors */
  --md-typeset-color: #2c3e50;
  --md-typeset-a-color: #6222ff;

  /* Code blocks */
  --md-code-bg-color: rgba(103, 168, 228, 0.05);
  --md-code-fg-color: #2c3e50;
}

/* Custom color palette - Dark mode */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #7d4dff;
  --md-primary-fg-color--light: #9970ff;
  --md-primary-fg-color--dark: #6222ff;

  --md-accent-fg-color: #67a8e4;
  --md-accent-fg-color--transparent: rgba(103, 168, 228, 0.1);

  /* Links in dark mode */
  --md-typeset-a-color: #9970ff;
}

/* Header styling */
.md-header {
  background: linear-gradient(135deg, #6222ff 0%, #67a8e4 100%);
}

/* Navigation tabs */
.md-tabs {
  background: linear-gradient(135deg, #4d1acc 0%, #5591cb 100%);
}

/* Primary button */
.md-button--primary {
  background-color: #6222ff;
  border-color: #6222ff;
  color: #ffffff;
}

.md-button--primary:hover {
  background-color: #7d4dff;
  border-color: #7d4dff;
}

/* Search highlight */
.md-search-result__article--document:hover {
  background-color: rgba(103, 168, 228, 0.1);
}

/* Table headers - align with CHAI brand */
.md-typeset table:not([class]) th {
  background-color: rgba(103, 168, 228, 0.15);
  color: #2c3e50;
  font-weight: 600;
  border: 1px solid rgba(103, 168, 228, 0.3);
}

/* Admonition customization */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: #67a8e4;
}

.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: rgba(103, 168, 228, 0.1);
  border-color: #67a8e4;
}

/* Code copy button */
.md-clipboard {
  color: #6222ff;
}

.md-clipboard:hover {
  color: #7d4dff;
}

/* Footer */
.md-footer {
  background: linear-gradient(135deg, #2c3e50 0%, #4d1acc 100%);
}

/* Navigation active/hover states */
.md-nav__link--active,
.md-nav__link:hover {
  color: #6222ff;
}

/* Sidebar navigation */
.md-sidebar__scrollwrap::-webkit-scrollbar-thumb {
  background-color: rgba(98, 34, 255, 0.3);
}

.md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
  background-color: rgba(98, 34, 255, 0.5);
}