/* ── Industrial Dark Theme ── */

/* Hide left sidebar when it contains only one nav item (e.g. home page) */
.md-sidebar--primary .md-nav__list > .md-nav__item:only-child {
  display: none;
}

.md-nav__item--active {
  color: #1F2129;
}
/* Custom primary: dark navy header/nav */
[data-md-color-primary="custom"] {
  --md-primary-fg-color:        #121520;
  --md-primary-fg-color--light: rgba(18,21,32,0.54);
  --md-primary-fg-color--dark:  rgba(18,21,32,0.87);
  --md-primary-bg-color:        #E3E3E3;
  --md-primary-bg-color--light: rgba(227,227,227,0.7);
}

/* Custom accent: industrial orange */
[data-md-color-accent="custom"] {
  --md-accent-fg-color:         #FF8C00;
  --md-accent-fg-color--transparent: rgba(255,140,0,0.1);
  --md-accent-bg-color:         rgba(255,140,0,0.1);
  --md-accent-bg-color--light:  rgba(255,140,0,0.07);
}

/* Mute nav tab bar to charcoal (slightly lighter than header) */
.md-tabs {
  background-color: #2B2D37;
}

/* Powered-by badge in header */
.md-header__inner::after {
  content: "⚡ Powered by Tycho Data";
  font-size: 11px;
  color: rgba(227,227,227,0.45);
  white-space: nowrap;
  margin-left: auto;
  padding-right: 4px;
  pointer-events: none;
}



/* Subtle separator below top header */
.md-header {
  border-bottom: 1px solid #2B2D37;
}

/* Links / hover: industrial orange */
.md-content a {
  color: #FF8C00;
}
.md-content a:hover {
  color: #FFB347;
}

/* Table header row: charcoal */
.md-typeset table:not([class]) th {
  background-color: #2B2D37;
}

/* Inline code: match surface color */
.md-typeset code {
  background-color: #2B2D37;
  color: #E3E3E3;
}

/* Search highlight: electric blue */
.md-search-result mark {
  color: #1E90FF;
}

/* Tag / badge chips: orange */
.md-tag {
  background-color: rgba(255,140,0,0.15);
  color: #FF8C00;
}

/* ── Hero buttons ── */
.md-button--primary {
  background-color: #FF8C00;
  border-color:     #FF8C00;
  color:            #121520 !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.md-button--primary:hover,
.md-button--primary:focus {
  background-color: #FFB347;
  border-color:     #FFB347;
  color:            #121520 !important;
}

.md-button:not(.md-button--primary) {
  border-color: #FF8C00;
  color:        #FF8C00 !important;
  background:   transparent;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.md-button:not(.md-button--primary):hover,
.md-button:not(.md-button--primary):focus {
  background-color: rgba(255,140,0,0.12);
  color:            #FFB347 !important;
  border-color:     #FFB347;
}