/* ETL Orchestrator docs — palette + type overrides matched to rook-it.com.
 *
 * Rook IT brand colors lifted from the live homepage CSS variables:
 *   --accent       #1a6baa  (primary blue — also the run-mode DAG node blue)
 *   --accent-deep  #0e4d7a
 *   --accent-light #e8f1f8
 *   --ink          #0a0f1a
 *   --ink-light    #2a3348
 *   --surface      #f8f9fb
 *   --muted-1      #5a6580
 *   --muted-2      #8c99a1
 *   --border       #dfe3ea
 */

:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color:           #1a6baa;
  --md-primary-fg-color--light:    #2d83cc;
  --md-primary-fg-color--dark:     #0e4d7a;
  --md-accent-fg-color:            #1a6baa;
  --md-accent-fg-color--transparent: rgba(26, 107, 170, 0.10);

  --md-default-bg-color:           #ffffff;
  --md-default-fg-color:           #0a0f1a;
  --md-default-fg-color--light:    #2a3348;
  --md-default-fg-color--lighter:  #5a6580;
  --md-default-fg-color--lightest: #8c99a1;

  --md-code-bg-color:              #f8f9fb;
  --md-code-fg-color:              #0e4d7a;
  --md-typeset-a-color:            #1a6baa;

  --md-admonition-fg-color:        #0a0f1a;
  --md-admonition-bg-color:        #e8f1f8;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:           #2d83cc;
  --md-primary-fg-color--light:    #4a9adf;
  --md-primary-fg-color--dark:     #1a6baa;
  --md-accent-fg-color:            #2d83cc;
  --md-typeset-a-color:            #4a9adf;
  --md-code-bg-color:              #0e1726;
}

/* Body type — DM Sans is a reasonable geometric stand-in for the
 * Futura/Century Gothic stack rook-it.com uses; both feel similar at
 * docs sizes. JetBrains Mono for code (already configured upstream). */
.md-typeset {
  font-feature-settings: "ss01", "cv01";
  line-height: 1.65;
}
.md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4 {
  letter-spacing: -0.015em;
  font-weight: 600;
}
.md-typeset h1 {
  font-size: 2.15rem;
  margin-top: 0.5rem;
}
.md-typeset h2 {
  font-size: 1.45rem;
  margin-top: 2.2rem;
  border-top: 1px solid #eceef2;
  padding-top: 1.2rem;
}

/* Header bar — tighten + use the brand accent at a slightly deeper
 * shade so it reads as "official" rather than "playful." */
.md-header {
  background: #0a0f1a;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.md-tabs {
  background: #0a0f1a;
}
.md-tabs__link--active,
.md-tabs__link:hover {
  color: #ffffff;
  opacity: 1;
}

/* Code blocks: subtle border + tighter mono leading. */
.md-typeset code {
  border: 1px solid #eceef2;
  padding: 0.1rem 0.35rem;
  border-radius: 3px;
  font-size: 0.86em;
}
.md-typeset pre > code {
  border: none;
  padding: 0.9rem 1rem;
  border-radius: 4px;
  line-height: 1.55;
}

/* Tables: cleaner separators, no zebra. */
.md-typeset table:not([class]) {
  border: 1px solid #eceef2;
  font-size: 0.85em;
}
.md-typeset table:not([class]) th {
  background: #f8f9fb;
  color: #0a0f1a;
  font-weight: 600;
  text-transform: none;
}
.md-typeset table:not([class]) td,
.md-typeset table:not([class]) th {
  border-color: #eceef2;
  padding: 0.55rem 0.8rem;
}

/* Admonitions — recolor "info"/"note" to the brand accent tint. */
.md-typeset .admonition.note,
.md-typeset .admonition.info {
  border-color: #1a6baa;
}
.md-typeset .admonition.note > .admonition-title,
.md-typeset .admonition.info > .admonition-title {
  background-color: #e8f1f8;
  border-color: #1a6baa;
}

/* The "+ section badges" on nav items: dial down the contrast so the
 * sidebar reads as a quiet list, not a busy menu. */
.md-nav__item--section > .md-nav__link {
  font-weight: 600;
  color: #0a0f1a;
}

/* Give the Rook IT logo room to breathe — its aspect ratio (450×186) is
 * wider than Material's default 24×24 slot. Match the engine docs. */
.md-header__button.md-logo {
  padding: 0.4rem 0.5rem;
}
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.6rem;
  width: auto;
}