/* ── Brand CSS variables (used by logo SVG and throughout) ───────────────── */
:root {
  --ink:    #0E0F1A;
  --accent: #2EC990;
}

/* ── Logo mark ────────────────────────────────────────────────────────────── */
.logo-mark {
  width: 22px;
  height: 22px;
  display: inline-block;
}
.logo-mark .ring {
  fill: none;
  stroke: var(--ink);
  stroke-width: 6;
}
.logo-mark .cut {
  stroke: var(--accent);
  stroke-width: 7;
}

/* ── OpenBI brand palette ─────────────────────────────────────────────────── */
:root,
[data-md-color-accent="custom"] {
  --md-accent-fg-color:              #2EC990;
  --md-accent-fg-color--transparent: rgba(46, 201, 144, 0.12);
}

/* ── Links ────────────────────────────────────────────────────────────────── */
.md-typeset a {
  color: #2EC990;
}
.md-typeset a:hover {
  color: #1fa070;
}

/* ── Code blocks ─────────────────────────────────────────────────────────── */
.md-typeset pre {
  background-color: #f6f8fa;
  border-radius: 6px;
}
.md-typeset pre > code {
  background-color: transparent;
  color: inherit;
}

/* ── Inline code (keep light so it reads on white body) ─────────────────── */
.md-typeset :not(pre) > code {
  background-color: rgba(14, 15, 26, 0.07);
  color: #0E0F1A;
  border-radius: 3px;
}

/* ── Dark-mode inline code ───────────────────────────────────────────────── */
[data-md-color-scheme="slate"] .md-typeset :not(pre) > code {
  background-color: rgba(46, 201, 144, 0.1);
  color: #2EC990;
}

/* ── Nav header border (white primary leaves no visual separation) ────────── */
.md-header {
  border-bottom: 1px solid rgba(14, 15, 26, 0.1);
  box-shadow: none;
}

/* ── Active nav tab underline in brand green ─────────────────────────────── */
.md-tabs__link--active,
.md-tabs__link:hover {
  color: #2EC990 !important;
}

/* ── Admonition accent strip ─────────────────────────────────────────────── */
.md-typeset .admonition,
.md-typeset details {
  border-left-color: #2EC990;
}
.md-typeset .admonition.note > .admonition-title,
.md-typeset details > summary {
  background-color: rgba(46, 201, 144, 0.1);
}