/* InvokeFlow — MkDocs Material theme override
   Re-skins the built-in "slate" scheme to the InvokeFlow brand:
   - Canvas  #0B0C0E   - Ink   #EDEDEC
   - Accent  #3CE0CE (cyan render cell)   - Amber alt #FF9E2C
   - Fonts: IBM Plex Sans + IBM Plex Mono (set in mkdocs.yml)
   ================================================================ */

[data-md-color-scheme="slate"] {
  /* Core backgrounds */
  --md-default-bg-color:        #0B0C0E;
  --md-default-fg-color:        #EDEDEC;
  --md-default-fg-color--light: #9AA0A6;
  --md-default-fg-color--lighter: #6B7178;
  --md-default-fg-color--lightest: rgba(237,237,236,0.06);

  /* Primary (header, tabs) */
  --md-primary-fg-color:        #0B0C0E;
  --md-primary-bg-color:        #EDEDEC;
  --md-primary-fg-color--light: #111316;
  --md-primary-fg-color--dark:  #0B0C0E;

  /* Accent (links, highlights) — the cyan render cell */
  --md-accent-fg-color:         #3CE0CE;
  --md-accent-fg-color--transparent: rgba(60,224,206,0.15);
  --md-accent-bg-color:         #0B0C0E;
  --md-accent-bg-color--light:  rgba(60,224,206,0.15);

  /* Code */
  --md-code-bg-color: #16191D;
  --md-code-fg-color: #EDEDEC;
  --md-code-hl-color: rgba(60,224,206,0.15);
  --md-code-hl-number-color:   #FF9E2C;
  --md-code-hl-special-color:  #3CE0CE;
  --md-code-hl-function-color: #82aaff;
  --md-code-hl-constant-color: #FF9E2C;
  --md-code-hl-keyword-color:  #c792ea;
  --md-code-hl-string-color:   #FF9E2C;
  --md-code-hl-name-color:     #EDEDEC;
  --md-code-hl-operator-color: #3CE0CE;
  --md-code-hl-punctuation-color: #9AA0A6;
  --md-code-hl-comment-color:  #6B7178;
  --md-code-hl-generic-color:  #3CE0CE;
  --md-code-hl-variable-color: #EDEDEC;

  /* Typeset */
  --md-typeset-color: #EDEDEC;
  --md-typeset-a-color: #3CE0CE;

  /* Admonitions / footer */
  --md-admonition-bg-color: #111316;
  --md-footer-bg-color: #0B0C0E;
  --md-footer-bg-color--dark: #0B0C0E;
  --md-footer-fg-color: #9AA0A6;
  --md-footer-fg-color--light: #6B7178;
  --md-footer-fg-color--lighter: rgba(237,237,236,0.06);
}

/* Header hairline + mono nav, matching the marketing site */
.md-header {
  border-bottom: 1px solid rgba(237,237,236,0.06);
  box-shadow: none;
}
.md-header__title, .md-tabs__link, .md-nav__title {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  letter-spacing: -0.01em;
}
.md-tabs { border-bottom: 1px solid rgba(237,237,236,0.06); }

/* Links: subtle cyan, underline on hover */
.md-typeset a { text-decoration: none; }
.md-typeset a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* Code blocks: brand border */
.md-typeset pre > code,
.md-typeset .highlight { border-radius: 10px; }
.md-typeset pre > code { border: 1px solid rgba(237,237,236,0.08); }

/* Inline code: cyan-tinted */
.md-typeset code { border: 1px solid rgba(237,237,236,0.07); }

/* The render-cell accent on the active nav item */
.md-nav__link--active { color: #3CE0CE !important; }

/* Search */
.md-search__input { background: #16191D; }

/* Transition banner (announcement bar) */
.md-banner {
  background: linear-gradient(90deg, rgba(60,224,206,0.10), rgba(255,158,44,0.06));
  border-bottom: 1px solid rgba(237,237,236,0.08);
  color: #EDEDEC;
}
.md-banner a { color: #3CE0CE; }