/* ============================================================
   Spryx Brand Palette
   - #011f26  dark background
   - #08c3d8  primary cyan
   - #f6f6f6  light background
   ============================================================ */

/* Light mode */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #011f26;
  --md-primary-fg-color--light: #08c3d8;
  --md-primary-fg-color--dark:  #011f26;
  --md-primary-bg-color:        #f6f6f6;
  --md-accent-fg-color:         #08c3d8;
  --md-default-bg-color:        #f6f6f6;
  --md-typeset-a-color:         #0a9fb0;
  --md-code-bg-color:           #e2e8ea;
  --md-code-fg-color:           #011f26;
}

/* Code block copy button visibility in light mode */
[data-md-color-scheme="default"] .md-code__button {
  color: #5a7a84;
}
[data-md-color-scheme="default"] .md-code__button:hover {
  color: #011f26;
}

/* Dark mode */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #011f26;
  --md-primary-fg-color--light: #08c3d8;
  --md-primary-fg-color--dark:  #011f26;
  --md-primary-bg-color:        #f6f6f6;
  --md-accent-fg-color:         #08c3d8;
  --md-default-bg-color:        #011f26;
  --md-default-fg-color:        #f6f6f6;
  --md-typeset-a-color:         #08c3d8;
}

/* Hide site name but keep it as a flex spacer to push search/toggle right */
.md-header__title {
  flex: 1;
  visibility: hidden;
}


/* Active nav item in light mode — dark text over cyan-tinted background */
[data-md-color-scheme="default"] .md-nav__link--active,
[data-md-color-scheme="default"] .md-nav__link--active:focus,
[data-md-color-scheme="default"] .md-nav__link--active:hover,
[data-md-color-scheme="default"] .md-nav__item--active > .md-nav__link,
[data-md-color-scheme="default"] .md-nav__item--active > .md-nav__link:hover {
  color: #011f26 !important;
}

/* Logo: light mode → turn white logo dark */
[data-md-color-scheme="default"] .md-header__button.md-logo img {
  filter: brightness(0);
}

/* Logo: dark mode → keep white logo as-is */
[data-md-color-scheme="slate"] .md-header__button.md-logo img {
  filter: none;
}