/* ═══════════════════════════════════════════════════════════
   SLApulse Documentation — Custom Theme
   Matches website4 + application visual identity
   ═══════════════════════════════════════════════════════════ */

:root {
  /* Primary palette */
  --md-primary-fg-color: #0f172a;
  --md-primary-fg-color--light: #1e293b;
  --md-primary-fg-color--dark: #020617;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #f8fafc;

  /* Accent */
  --md-accent-fg-color: #0e7490;
  --md-accent-fg-color--transparent: rgba(14, 116, 144, 0.1);
  --md-accent-bg-color: #ecfeff;

  /* Typography */
  --md-text-font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;
  --md-code-font: "SF Mono", "Fira Code", "Fira Mono", ui-monospace, monospace;

  /* Links */
  --md-typeset-a-color: #0e7490;
}

/* ─── Header ─── */
.md-header {
  background: #0f172a;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}

.md-header__topic {
  font-weight: 700;
}

/* Tabs bar */
.md-tabs {
  background: #1e293b;
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: #22d3ee;
}

/* ─── Navigation sidebar ─── */
.md-nav__link:hover,
.md-nav__link--active {
  color: #0e7490;
}

.md-nav__item--active > .md-nav__link {
  color: #0e7490;
  font-weight: 600;
}

/* ─── Content ─── */
.md-typeset a {
  color: #0e7490;
}

.md-typeset a:hover {
  color: #115e75;
}

/* Code blocks */
.md-typeset code {
  background: #f1f5f9;
  color: #0f172a;
  border-radius: 4px;
}

.md-typeset pre {
  border-radius: 8px;
}

.md-typeset pre > code {
  background: #1e293b;
  color: #e2e8f0;
}

/* ─── Admonitions ─── */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: #0e7490;
}

.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: rgba(14, 116, 144, 0.1);
}

.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before {
  background-color: #0e7490;
}

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #22d3ee;
}

.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: rgba(34, 211, 238, 0.1);
}

.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: #22d3ee;
}

/* ─── Search ─── */
.md-search__input {
  background: #1e293b;
}

[data-md-toggle="search"]:checked ~ .md-header .md-search__input {
  background: #ffffff;
  color: #0f172a;
}

/* ─── Footer ─── */
.md-footer {
  background: #0f172a;
}

.md-footer-meta {
  background: #020617;
}

/* ─── Buttons/CTA ─── */
.md-typeset .md-button--primary {
  background: #0e7490;
  border-color: #0e7490;
  color: #ffffff;
}

.md-typeset .md-button--primary:hover {
  background: #115e75;
  border-color: #115e75;
}

/* ─── Table of contents ─── */
.md-nav__link--passed {
  color: #0e7490;
}

/* ─── Logo area ─── */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.6rem;
  width: auto;
}

/* ─── Subtle EKG accent under header ─── */
.md-header::after {
  content: "";
  display: block;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #0e7490 15%,
    #22d3ee 35%,
    #67e8f9 50%,
    #22d3ee 65%,
    #0e7490 85%,
    transparent 100%
  );
  opacity: 0.6;
}