/* Binance Brand Colors */
:root {
  --md-primary-fg-color: #F0B90B;
  --md-primary-fg-color--light: #FCD535;
  --md-primary-fg-color--dark: #D4A009;
  --md-accent-fg-color: #F0B90B;
  --md-accent-fg-color--transparent: rgba(240, 185, 11, 0.1);
}

/* Light mode specific overrides */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #F0B90B;
  --md-primary-bg-color: #FFFFFF;
  --md-accent-fg-color: #F0B90B;
}

/* Dark mode specific overrides */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #F0B90B;
  --md-primary-bg-color: #F0B90B;
  --md-accent-fg-color: #F0B90B;
}

/* Dark mode header and navigation styling - same as light mode */
[data-md-color-scheme="slate"] .md-header {
  background-color: #F0B90B !important;
}

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

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

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

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

/* Custom color definitions for Material Design */
[data-md-color-primary="custom"] {
  --md-primary-fg-color: #F0B90B;
  --md-primary-fg-color--light: #FCD535;
  --md-primary-fg-color--dark: #D4A009;
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color: #F0B90B;
  --md-accent-fg-color--transparent: rgba(240, 185, 11, 0.1);
}

/* Light mode styling for better contrast */
[data-md-color-scheme="default"] .md-header {
  background-color: var(--md-primary-fg-color);
}

[data-md-color-scheme="default"] .md-tabs {
  background-color: var(--md-primary-fg-color);
}

/* Light mode: Ensure good contrast for text on yellow background */
[data-md-color-scheme="default"] .md-header__title {
  color: #000000 !important;
}

[data-md-color-scheme="default"] .md-tabs__link {
  color: #000000 !important;
}

[data-md-color-scheme="default"] .md-tabs__link--active {
  color: #000000 !important;
  opacity: 1;
}

/* Navigation styling */
.md-nav__link--active {
  color: var(--md-accent-fg-color);
}

/* Search highlighting */
.md-search-result__teaser mark {
  background-color: var(--md-accent-fg-color);
  color: #000000;
}

/* Dark mode: Fix invisible icons by ensuring proper contrast */
[data-md-color-scheme="slate"] .md-header svg {
  color: #000000 !important;
  fill: #000000 !important;
}

[data-md-color-scheme="slate"] .md-header__button img {
  filter: brightness(0) !important;
}

[data-md-color-scheme="slate"] .md-source__icon svg {
  color: #000000 !important;
  fill: #000000 !important;
}

[data-md-color-scheme="slate"] .md-header__option svg {
  color: #000000 !important;
  fill: #000000 !important;
}