/* ═══════════════════════════════════════════════════════════════════════════
   SECCHI DOCS THEME — colors from TUI dashboard.tcss
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --md-primary-fg-color: #020202;
  --md-primary-fg-color--light: #0F0F0F;
  --md-primary-fg-color--dark: #000000;
  --md-accent-fg-color: #7CFFB2;
  --md-default-bg-color: #000000;
  --md-default-fg-color: #E5E7EB;
  --md-default-fg-color--light: #9CA3AF;
  --md-code-bg-color: #050505;
  --md-typeset-color: #E5E7EB;
  --md-typeset-a-color: #22D3EE;
}

/* ── Material header override ──────────────────────────────────────────── */

.md-header,
.md-tabs {
  background: rgba(29, 78, 216, 0.68) !important;
  border-bottom: 1px solid rgba(59, 130, 246, 0.72);
}

.md-header__inner {
  background: transparent !important;
  border-bottom: 0;
}

.md-header .md-logo img {
  filter: invert(1);
}

.md-header__topic,
.md-header__title,
.md-header__button,
.md-header .md-icon {
  color: #E5E7EB;
}

.md-header .md-icon:hover {
  color: #7CFFB2;
}

.md-header .md-header__topic {
  font-family: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;
}

.md-search__input {
  background-color: #050505;
  color: #E5E7EB;
  border: 1px solid #3A3A3A;
}

/* ── Global Material overrides ─────────────────────────────────────────── */

.md-typeset {
  color: #E5E7EB;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  color: #FFFFFF;
  font-weight: 700;
}

.md-typeset p,
.md-typeset li,
.md-typeset td,
.md-typeset th {
  color: #E5E7EB;
}

.md-typeset a {
  color: #22D3EE;
  text-decoration: none;
}

.md-typeset a:hover {
  color: #7CFFB2;
  text-decoration: underline;
}

/* ── Docs code blocks ────────────────────────────────────────────────────── */

.md-typeset .highlight,
.md-typeset .highlighttable,
.md-typeset .codehilite {
  background: #0d0d0d;
  border: none !important;
  border-radius: 4px;
  padding: 0;
  margin: 0.5rem 0;
}

.md-typeset code,
.md-typeset pre,
.md-typeset pre > code {
  border: none !important;
}

.md-typeset code:not(pre code) {
  background-color: #050505;
  border: 1px solid #3A3A3A !important;
  color: #E5E7EB;
  border-radius: 3px;
  padding: 0.1em 0.3em;
}

.md-typeset .highlight pre,
.md-typeset .highlighttable pre,
.md-typeset .codehilite pre {
  background: transparent;
  margin: 0;
  padding: 0.75rem 1rem;
  border: none !important;
  box-shadow: none !important;
}

.md-typeset .highlight pre code,
.md-typeset .highlighttable pre code,
.md-typeset .codehilite pre code {
  background: transparent;
  color: #E5E7EB;
  padding: 0;
  border: none !important;
}

.md-typeset .highlight .nb,
.md-typeset .highlight .nv,
.md-typeset .highlight .s2,
.md-typeset .highlight .s {
  color: #7CFFB2;
}

.md-typeset a code {
  color: #22D3EE;
}

.md-typeset .admonition,
.md-typeset details {
  border-color: #3A3A3A;
  background: #050505;
  color: #E5E7EB;
}

.md-footer {
  background-color: #020202;
  border-top: 1px solid #3A3A3A;
}

.md-sidebar {
  background: #020202;
}


/* Keep the site name stable instead of swapping to the current page title. */
.md-header__topic[data-md-component="header-topic"] {
  display: none;
}

.md-header__title--active .md-header__topic:first-child {
  opacity: 1;
  pointer-events: auto;
  transform: none;
  transition: none;
  z-index: 0;
}