/* UnifAI Docs · auto-built on Cloudflare Pages from main */
/* Tuned to match the live GitBook site (docs.unifai.network).
   Text colors flow through Material's scheme-aware --md-* tokens (so dark mode
   stays readable); only the token VALUES are pinned per scheme. Light-mode
   values were measured from the live DOM. */

/* ---- Light scheme: pinned to measured GitBook values ---- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #ffffff;   /* white header background */
  --md-primary-bg-color:        #1d1d1f;   /* dark text/icons on the header */
  --md-accent-fg-color:         #7b8af5;   /* GitBook periwinkle accent */
  --md-typeset-a-color:         #7b8af5;   /* content links (measured) */
  --md-default-fg-color:        #1d1d1f;   /* body text (measured) */
  --md-default-fg-color--light: #6c6e76;   /* subtitle / TOC / inactive tabs (measured) */

  /* GitBook has no dark footer band — make the footer light */
  --md-footer-bg-color:        #ffffff;
  --md-footer-bg-color--dark:  #fafafa;
  --md-footer-fg-color:        #1d1d1f;
  --md-footer-fg-color--light: #6c6e76;
  --md-footer-fg-color--lighter: #9aa0a6;
}

/* ---- Dark scheme: on-brand near-black + brighter periwinkle (text/fg stay
   Material's light slate defaults so everything remains readable) ---- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0C0C0E;
  --md-accent-fg-color:  #8b9cff;
  --md-typeset-a-color:  #8b9cff;
  --md-default-bg-color: #0C0C0E;
}

/* ---- Structure (scheme-agnostic): borders use the adaptive --lightest token ---- */
.md-header { box-shadow: none; border-bottom: 1px solid var(--md-default-fg-color--lightest); }
.md-footer-meta { border-top: 1px solid var(--md-default-fg-color--lightest); }

/* Heading scale measured from GitBook. NOTE: Material's root font-size is 20px,
   so heading sizes are set in px on purpose — rem would render 1.25x too large. */
.md-typeset h1 {
  font-size: 36px; line-height: 1.25; font-weight: 700;
  color: var(--md-default-fg-color); letter-spacing: 0; margin: 0 0 .6rem;
}
.md-typeset h2 { font-size: 30px; line-height: 1.2;  font-weight: 600; color: var(--md-default-fg-color); }
.md-typeset h3 { font-size: 24px; line-height: 1.33; font-weight: 600; color: var(--md-default-fg-color); }
.md-typeset h4 { font-size: 20px; font-weight: 600; color: var(--md-default-fg-color); }

/* Body + list rhythm measured from GitBook (paragraphs 16/26, list items 16/22) */
.md-typeset p  { line-height: 1.625; }
.md-typeset li { line-height: 1.375; }
.md-typeset code { font-size: .9em; }

/* GitBook article header: section eyebrow above H1 + description subtitle below
   (both injected by hooks/gitbook_shim.py) */
.md-typeset .gb-eyebrow {
  text-transform: uppercase; font-size: 12px; font-weight: 700;
  letter-spacing: .04em; color: var(--md-accent-fg-color); margin: 0 0 .5rem;
}
.md-typeset .gb-subtitle {
  font-size: 18px; line-height: 1.55; color: var(--md-default-fg-color--light); margin: .4rem 0 1.6rem;
}

/* Left sidebar section labels — measured: uppercase 12px / 600 */
.md-nav--primary .md-nav__item--section > .md-nav__link,
.md-nav--primary .md-nav__item--section > label {
  text-transform: uppercase; font-size: 12px; font-weight: 600;
  letter-spacing: .3px; color: var(--md-default-fg-color);
}
/* Nav links — measured from GitBook: 14px / 20px line-height / 6px vertical padding.
   (The 12px section-label rule above is more specific, so labels stay 12px.) */
.md-nav--primary .md-nav__link {
  font-size: 14px; line-height: 20px;
  padding-top: 6px; padding-bottom: 6px;
}
/* roomier separation before each top-level section, like GitBook */
.md-nav--primary > .md-nav__list > .md-nav__item--section { margin-top: 1.1rem; }
.md-nav__link--active,
.md-nav__link--active:hover,
.md-nav--secondary .md-nav__link--active { color: var(--md-accent-fg-color); }

/* Right TOC title — measured: sentence case 14px / 400 */
.md-nav--secondary .md-nav__title {
  text-transform: none; font-size: 14px; font-weight: 400;
  letter-spacing: normal; color: var(--md-default-fg-color--light);
}
/* Right TOC links — match GitBook's roomier rhythm: 20px line / 5px padding */
.md-nav--secondary .md-nav__link {
  line-height: 20px; padding-top: 5px; padding-bottom: 5px;
}

/* Tabs — measured: gray inactive / strong active, weight 500, 14px, NO underline */
.md-typeset .tabbed-labels > label { color: var(--md-default-fg-color--light); font-weight: 500; font-size: 14px; }
.md-typeset .tabbed-set > input:checked + label { color: var(--md-default-fg-color); font-weight: 500; }
.md-typeset .tabbed-labels::before { display: none; }   /* GitBook active tab has no underline */

/* Content column width — measured: GitBook text column 768px */
.md-grid { max-width: 65rem; }

/* GitBook-style floating theme switcher (bottom-right); Material's header toggle is hidden */
.md-header [data-md-component="palette"] { display: none; }
.gb-theme-toggle {
  position: fixed; right: 1.5rem; bottom: 1.5rem; z-index: 6;
  display: flex; gap: .15rem; padding: .25rem;
  background: var(--md-default-bg-color);
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 999px; box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
.gb-theme-toggle button {
  width: 1.9rem; height: 1.9rem; border: 0; border-radius: 999px; cursor: pointer;
  background: transparent; color: var(--md-default-fg-color--light);
  font-size: .95rem; line-height: 1; display: inline-flex; align-items: center; justify-content: center;
}
.gb-theme-toggle button:hover { color: var(--md-default-fg-color); }
.gb-theme-toggle button.active { background: var(--md-accent-fg-color); color: #fff; }

/* Search: centered rounded pill with a Cmd-K hint (desktop), like GitBook */
@media screen and (min-width: 76.25em) {
  .md-header__inner { position: relative; }
  .md-search { position: absolute; left: 50%; transform: translateX(-50%); }
  .md-search__form { width: 460px; height: 40px; border-radius: 22px; box-shadow: none; }
  [data-md-color-scheme="default"] .md-search__form { background-color: #ffffff; border: 1px solid #e5e7eb; }
  [data-md-color-scheme="slate"]   .md-search__form { background-color: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); }
  .md-search__input::placeholder { color: #9aa0a6; }
  .md-search__form::after {
    content: "\2318 K"; position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
    font-size: 11px; line-height: 1; color: #9aa0a6; background: rgba(127,127,127,.14);
    border: 1px solid rgba(127,127,127,.30); border-radius: 6px; padding: 3px 6px; pointer-events: none;
  }
  .md-search__form:focus-within::after { display: none; }
}

/* FAQ <details> clean accordion */
.md-typeset details { border: 1px solid var(--md-default-fg-color--lightest); border-radius: 8px; box-shadow: none; }
.md-typeset details > summary { font-weight: 600; }

/* Figures */
.md-typeset figure img, .md-typeset p > img { border-radius: 8px; max-width: 100%; }