/* Logo: light/dark switching */
[data-md-color-scheme="default"] .logo-dark  { display: none !important; }
[data-md-color-scheme="slate"]   .logo-light { display: none !important; }

/* Primary: very dark warm gray for header/nav (base + dark mode) */
[data-md-color-primary="custom"] {
  --md-primary-fg-color:        #45423F;
  --md-primary-fg-color--light: #8F8984;
  --md-primary-fg-color--dark:  #2d2b28;
  --md-primary-bg-color:        #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.70);
}

/* Light mode: warm off-white navbar with dark gray buttons */
[data-md-color-scheme="default"][data-md-color-primary="custom"] {
  --md-primary-fg-color:        #F2EDE9;
  --md-primary-fg-color--light: #E8E2DC;
  --md-primary-fg-color--dark:  #DDD6CE;
  --md-primary-bg-color:        #45423F;
  --md-primary-bg-color--light: rgba(69, 66, 63, 0.70);
}

/* Accent: base (dark mode fallback) */
[data-md-color-accent="custom"] {
  --md-accent-fg-color:              #805B49;
  --md-accent-fg-color--transparent: rgba(128, 91, 73, 0.10);
  --md-accent-bg-color:              #ffffff;
  --md-accent-bg-color--light:       rgba(255, 255, 255, 0.70);
}

/* Light mode accent: warm off-white with dark text/buttons */
[data-md-color-scheme="default"][data-md-color-accent="custom"] {
  --md-accent-fg-color:              #F2EDE9;
  --md-accent-fg-color--transparent: rgba(242, 237, 233, 0.10);
  --md-accent-bg-color:              #2d2b28;
  --md-accent-bg-color--light:       rgba(45, 43, 40, 0.70);
}

/* Light mode: brown links */
[data-md-color-scheme="default"] {
  --md-typeset-a-color: #805B49;
}

/* Dark mode: warm hue drives the full slate palette */
[data-md-color-scheme="slate"] {
  --md-hue: 20deg;
}

/* Dark mode accent: pink */
[data-md-color-scheme="slate"][data-md-color-accent="custom"] {
  --md-accent-fg-color:              #FFB592;
  --md-accent-fg-color--transparent: rgba(255, 181, 146, 0.10);
}

/* Dark mode links: pink */
[data-md-color-scheme="slate"] {
  --md-typeset-a-color: #FFB592;
}

/* Hide library name */
.md-header__title {
  visibility: hidden;
  width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.md-header__ellipsis {
  display: none;
}

.md-header {
  height: 96px;
}

.md-header__inner {
  height: 96px;
}

.md-header__button.md-logo img {
  height: 64px;
}