/*
 * Kendr docs redesign skin — matches the current site template
 * (Kendr_Web_UI_Redesign): warm charcoal surfaces + green accent.
 *
 * site.css paints the docs area light through its "Documentation Readability
 * Pass", which drives almost everything from the --docs-* custom properties on
 * .docs-site. This sheet loads after site.css and (1) redefines those
 * variables to the warm-dark template palette, then (2) overrides the pass's
 * remaining hard-coded light values. Every rule is scoped to
 * body[data-doc-page] so other static pages are untouched.
 */

body[data-doc-page] {
  background: #151412 !important;
  color: #d6d3d1;
}

/* 1 — repaint the whole readability pass via its own variables */
body[data-doc-page] .docs-site {
  --docs-bg: #151412;
  --docs-panel: #1a1917;
  --docs-panel-soft: #1c1b19;
  --docs-text: #f5f5f4;
  --docs-copy: #a8a29e;
  --docs-muted: #78716c;
  --docs-border: rgba(255, 255, 255, 0.09);
  --docs-border-soft: rgba(255, 255, 255, 0.07);
  --docs-accent: #34d399;
  --docs-accent-soft: rgba(52, 211, 153, 0.08);
  background: var(--docs-bg) !important;
  color: var(--docs-copy);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* 2 — hard-coded light values in the readability pass */

body[data-doc-page] .docs-kicker {
  border-color: rgba(52, 211, 153, 0.25);
  background: rgba(52, 211, 153, 0.07);
  color: #34d399;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
}
body[data-doc-page] .docs-kicker-dot {
  background: #34d399;
  box-shadow: 0 0 0 6px rgba(52, 211, 153, 0.12);
}

body[data-doc-page] .docs-meta-pill,
body[data-doc-page] .docs-inline-code {
  border-color: rgba(255, 255, 255, 0.10);
  background: #1c1b19;
  color: #d6d3d1;
}
body[data-doc-page] .docs-inline-code {
  background: rgba(52, 211, 153, 0.08);
  border-color: rgba(52, 211, 153, 0.18);
  color: #6ee7b7;
  font-family: ui-monospace, Menlo, Consolas, monospace;
}

body[data-doc-page] .docs-prose a {
  color: #34d399;
  text-decoration-color: rgba(52, 211, 153, 0.4);
}
body[data-doc-page] .docs-prose a:hover {
  color: #6ee7b7;
  text-decoration-color: currentColor;
}

/* Buttons: backgrounds intentionally NOT overridden — the desktop-parity
   layer at the end of site.css owns .btn-primary/.btn-secondary sitewide
   (light-stone primary, soft secondary) and the docs must match the site.
   But the readability pass forces `.docs-site .text-white` to --docs-text
   with !important, which is now light — restore the parity layer's dark
   label on the light primary button. */
body[data-doc-page] .docs-site .btn-primary,
body[data-doc-page] .docs-site .btn-primary.text-white {
  color: #1c1917 !important;
}
body[data-doc-page] .docs-site .btn-secondary {
  color: #a8a29e !important;
}

/* sidebar / toc */
body[data-doc-page] .docs-sidebar-toggle {
  border-color: rgba(255, 255, 255, 0.12);
  background: #1c1b19;
  color: #d6d3d1;
}
body[data-doc-page] .docs-nav-link:hover {
  background: #211f1c;
}
body[data-doc-page] .docs-nav-link-title,
body[data-doc-page] .docs-toc-link {
  color: #d6d3d1;
}
body[data-doc-page] .docs-nav-link.is-active .docs-nav-link-title {
  color: #34d399;
}

/* search */
body[data-doc-page] .docs-search input:focus {
  border-color: rgba(52, 211, 153, 0.5);
  box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.12);
}

/* cards */
body[data-doc-page] .docs-link-card:hover,
body[data-doc-page] .docs-pager-link:hover {
  border-color: rgba(52, 211, 153, 0.28);
  background: #211f1c;
}

/* code tabs */
body[data-doc-page] .docs-code-tab {
  color: #a8a29e;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 0.8rem;
}
body[data-doc-page] .docs-code-tab:hover {
  background: #211f1c;
  color: #f5f5f4;
}
body[data-doc-page] .docs-code-tab.is-active,
body[data-doc-page] .docs-code-tab[aria-selected="true"] {
  background: rgba(52, 211, 153, 0.12);
  color: #34d399;
  box-shadow: 0 0 0 1px rgba(52, 211, 153, 0.35);
}

/* code blocks: navy -> warm near-black */
body[data-doc-page] .docs-code,
body[data-doc-page] .docs-pre,
body[data-doc-page] pre {
  border-color: rgba(255, 255, 255, 0.08);
  background: #12110f;
  color: #d6d3d1;
  font-family: ui-monospace, Consolas, monospace;
}

/* notes */
body[data-doc-page] .docs-note {
  border-color: rgba(52, 211, 153, 0.22);
  background: rgba(52, 211, 153, 0.05);
}
body[data-doc-page] .docs-note-label {
  color: #34d399;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: 0.14em !important;
  text-transform: uppercase;
  font-size: 11px;
}

/* ambient orbs stay hidden (readability pass) — keep it that way */
body[data-doc-page] .docs-site .orb {
  display: none;
}