/* Rocket Pool brand overrides for Material theme */

:root {
  /* Primary - used for header/tabs bar, keep dark and muted */
  --md-primary-fg-color: #1A1A2E;
  --md-primary-fg-color--light: #2A2A4E;
  --md-primary-fg-color--dark: #0F0F1A;

  /* Accent - Rocket Orange for links, highlights, interactive elements */
  --md-accent-fg-color: #FF6B4A;

  /* Dark theme backgrounds */
  --md-default-bg-color: #0F0F1A;
  --md-default-bg-color--light: #1A1A2E;
  --md-default-bg-color--lighter: #2A2A4E;
  --md-default-bg-color--lightest: #2A2A4E;
}

/* Slate (dark) palette overrides */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0F0F1A;
  --md-default-bg-color--light: #1A1A2E;
  --md-default-bg-color--lighter: #2A2A4E;
  --md-default-bg-color--lightest: #2A2A4E;

  --md-primary-fg-color: #1A1A2E;
  --md-primary-fg-color--light: #2A2A4E;
  --md-primary-fg-color--dark: #0F0F1A;
  --md-accent-fg-color: #FF6B4A;

  /* Code blocks */
  --md-code-bg-color: #1A1A2E;
  --md-code-fg-color: #CCCCCC;

  /* Footer */
  --md-footer-bg-color: #1A1A2E;
  --md-footer-bg-color--dark: #0F0F1A;

  /* Typeset */
  --md-typeset-color: #FFFFFF;
  --md-typeset-a-color: #FF6B4A;
}

/* Header bar */
.md-header {
  background-color: #1A1A2E;
}

/* Navigation tabs bar - blend with header, subtle separator */
.md-tabs {
  background-color: #1A1A2E;
  border-bottom: 1px solid #2A2A4E;
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: #FF6B4A;
}

/* Navigation sidebar */
.md-sidebar {
  background-color: #0F0F1A;
}

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

/* Search bar */
.md-search__input {
  background-color: #1A1A2E;
}

/* Tables */
.md-typeset table:not([class]) th {
  background-color: #1A1A2E;
  color: #CCCCCC;
}

.md-typeset table:not([class]) tr:hover {
  background-color: #1A1A2E;
}

/* Admonition/callout colors */
.md-typeset .admonition,
.md-typeset details {
  border-color: #FF6B4A;
}

/* Content area cards */
.md-typeset .grid .card {
  background-color: #1A1A2E;
  border: 1px solid #2A2A4E;
  border-radius: 12px;
}

/* Tabs */
.md-typeset .tabbed-labels > label:hover {
  color: #FF6B4A;
}

.md-typeset .tabbed-labels > label--active,
.md-typeset .tabbed-labels .tabbed-labels--active {
  color: #FF6B4A;
  border-color: #FF6B4A;
}

/* Back to top button */
.md-top {
  background-color: #FF6B4A;
  color: #FFFFFF;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #0F0F1A;
}

::-webkit-scrollbar-thumb {
  background: #2A2A4E;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #FF6B4A;
}