/**
 * Prose Engineering Brand Colors
 * Custom color scheme for Zensical documentation
 */

/* Light mode (default scheme) */
[data-md-color-scheme="default"] {
  /* Primary brand color - used for links, headers, active states */
  --md-primary-fg-color: #163C6E;
  --md-primary-fg-color--light: #437099;
  --md-primary-fg-color--dark: #0C2752;

  /* Accent color - used for interactive elements and highlights */
  --md-accent-fg-color: #437099;
  --md-accent-fg-color--transparent: #43709919;

  /* Background colors */
  --md-default-bg-color: #ffffff;
  --md-default-fg-color: #000000;
  --md-default-fg-color--light: #163C6E;
  --md-default-fg-color--lighter: #437099;
  --md-default-fg-color--lightest: #86ABC4;

  /* Code blocks */
  --md-code-bg-color: #EDF4F7;
  --md-code-fg-color: #163C6E;

  /* Navigation */
  --md-typeset-a-color: #163C6E;
}

/* Dark mode (slate scheme) */
[data-md-color-scheme="slate"] {
  /* Hue setting for slate theme (210 = blue hue) */
  --md-hue: 210;

  /* Primary brand color adjusted for dark mode */
  --md-primary-fg-color: #86ABC4;
  --md-primary-fg-color--light: #AFCCDB;
  --md-primary-fg-color--dark: #437099;

  /* Accent color for dark mode */
  --md-accent-fg-color: #AFCCDB;
  --md-accent-fg-color--transparent: #AFCCDB19;

  /* Background colors for dark mode */
  --md-default-bg-color: #041230;
  --md-default-fg-color: #DDEAF0;
  --md-default-fg-color--light: #AFCCDB;
  --md-default-fg-color--lighter: #86ABC4;
  --md-default-fg-color--lightest: #437099;

  /* Code blocks in dark mode */
  --md-code-bg-color: #081C42;
  --md-code-fg-color: #DDEAF0;

  /* Navigation in dark mode */
  --md-typeset-a-color: #86ABC4;
}

/* Additional customizations */
:root {
  /* Header styling */
  --md-primary-bg-color: #163C6E;
  --md-primary-bg-color--light: #437099;

  /* Sidebar active item */
  --md-nav-link-color--active: #163C6E;
}

/* Dark mode header */
[data-md-color-scheme="slate"] {
  --md-primary-bg-color: #0C2752;
  --md-primary-bg-color--light: #163C6E;

  --md-nav-link-color--active: #AFCCDB;
}

/* Button and interactive element styling */
[data-md-color-scheme="default"] .md-button--primary {
  background-color: #163C6E;
  border-color: #163C6E;
  color: #ffffff;
}

[data-md-color-scheme="default"] .md-button--primary:hover {
  background-color: #0C2752;
  border-color: #0C2752;
}

[data-md-color-scheme="slate"] .md-button--primary {
  background-color: #437099;
  border-color: #437099;
  color: #ffffff;
}

[data-md-color-scheme="slate"] .md-button--primary:hover {
  background-color: #86ABC4;
  border-color: #86ABC4;
}

/* Search highlighting */
[data-md-color-scheme="default"] .md-search-result__article--document {
  border-left-color: #163C6E;
}

[data-md-color-scheme="slate"] .md-search-result__article--document {
  border-left-color: #86ABC4;
}

/* Table of contents active link (without background override) */
[data-md-color-scheme="default"] .md-sidebar .md-nav__link--active {
  color: #ffffff;
}

[data-md-color-scheme="slate"] .md-sidebar .md-nav__link--active {
  color: #ffffff;
}

/* Admonitions (note, warning, etc.) with brand colors */
[data-md-color-scheme="default"] .md-typeset .admonition.note,
[data-md-color-scheme="default"] .md-typeset .admonition.info {
  border-left-color: #437099;
}

[data-md-color-scheme="default"] .md-typeset .admonition.note > .admonition-title,
[data-md-color-scheme="default"] .md-typeset .admonition.info > .admonition-title {
  background-color: #EDF4F7;
}

[data-md-color-scheme="slate"] .md-typeset .admonition.note,
[data-md-color-scheme="slate"] .md-typeset .admonition.info {
  border-left-color: #86ABC4;
}

[data-md-color-scheme="slate"] .md-typeset .admonition.note > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .admonition.info > .admonition-title {
  background-color: #0C2752;
}

/* Navigation sidebar item styling with backgrounds - Light mode */
[data-md-color-scheme="default"] .md-nav__item .md-nav__link--active {
  background-color: #163C6E; /* primary-500 for active item */
  color: #ffffff;
  border-radius: 4px;
  font-weight: 500;
}

[data-md-color-scheme="default"] .md-nav__item .md-nav__link:hover {
  background-color: #0C2752; /* primary-700 on hover */
  color: #ffffff;
  border-radius: 4px;
}

/* Keep active item at primary-500 even when not hovering, but allow hover to override */
[data-md-color-scheme="default"] .md-nav__item .md-nav__link--active:not(:hover) {
  background-color: #163C6E; /* primary-500 - stays at 500 when not hovering */
}

/* Primary navigation (top level) */
[data-md-color-scheme="default"] .md-nav--primary .md-nav__item--active > .md-nav__link {
  background-color: #163C6E; /* primary-500 */
  color: #ffffff;
}

[data-md-color-scheme="default"] .md-nav--primary .md-nav__link:hover {
  background-color: #0C2752; /* primary-700 */
  color: #ffffff;
}

[data-md-color-scheme="default"] .md-nav--primary .md-nav__item--active > .md-nav__link:not(:hover) {
  background-color: #163C6E; /* primary-500 - stays at 500 when not hovering */
}

/* Secondary navigation items */
[data-md-color-scheme="default"] .md-nav--secondary .md-nav__link--active {
  background-color: #163C6E; /* primary-500 */
  color: #ffffff;
}

[data-md-color-scheme="default"] .md-nav--secondary .md-nav__link:hover {
  background-color: #0C2752; /* primary-700 */
  color: #ffffff;
}

[data-md-color-scheme="default"] .md-nav--secondary .md-nav__link--active:not(:hover) {
  background-color: #163C6E; /* primary-500 - stays at 500 when not hovering */
}

/* Navigation sidebar item styling with backgrounds - Dark mode */
[data-md-color-scheme="slate"] .md-nav__item .md-nav__link--active {
  background-color: #163C6E; /* primary-500 for active item */
  color: #ffffff;
  border-radius: 4px;
  font-weight: 500;
}

[data-md-color-scheme="slate"] .md-nav__item .md-nav__link:hover {
  background-color: #0C2752; /* primary-700 on hover */
  color: #ffffff;
  border-radius: 4px;
}

[data-md-color-scheme="slate"] .md-nav__item .md-nav__link--active:not(:hover) {
  background-color: #163C6E; /* primary-500 - stays at 500 when not hovering */
}

[data-md-color-scheme="slate"] .md-nav--primary .md-nav__item--active > .md-nav__link {
  background-color: #163C6E; /* primary-500 */
  color: #ffffff;
}

[data-md-color-scheme="slate"] .md-nav--primary .md-nav__link:hover {
  background-color: #0C2752; /* primary-700 */
  color: #ffffff;
}

[data-md-color-scheme="slate"] .md-nav--primary .md-nav__item--active > .md-nav__link:not(:hover) {
  background-color: #163C6E; /* primary-500 - stays at 500 when not hovering */
}

[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__link--active {
  background-color: #163C6E; /* primary-500 */
  color: #ffffff;
}

[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__link:hover {
  background-color: #0C2752; /* primary-700 */
  color: #ffffff;
}

[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__link--active:not(:hover) {
  background-color: #163C6E; /* primary-500 - stays at 500 when not hovering */
}

/* Responsive logo switching */
.md-header__button.md-logo .logo-compact {
  display: none;
}

@media (max-width: 768px) {
  .md-header__button.md-logo .logo-full {
    display: none;
  }
  .md-header__button.md-logo .logo-compact {
    display: block;
  }
}