/*
 * Light color scheme (Material `default`) — the toggle target; dark `slate`
 * stays the site default (see extra.css).
 *
 * The [data-md-color-scheme="default"] palette block below is GENERATED from
 * the vendored cndcs-brand manifest (brand/brand.manifest.json) by `make brand`
 * (brand-gen, surface "docs-light"), between the BEGIN/END markers. Do not
 * hand-edit the values inside the block — change them in the manifest upstream
 * and re-vendor. Content vars map to the light-* tokens; the header/tabs/footer
 * vars deliberately reuse the dark chrome tokens, so the site chrome stays dark
 * in both schemes — brand continuity, and the dark product screenshots sit on
 * anchored chrome. `make lint-docs-brand-hex` guards this file with the
 * docs-light forbidden set.
 *
 * As in extra.css, the 1px hairline borders are intentionally out-of-palette
 * (Material has no brand border variable): #3a3a3a against the dark chrome,
 * #d7d7d7 against light content.
 */

/* ---------- Palette (generated from cndcs-brand) ---------- */
[data-md-color-scheme="default"] {
  /* BEGIN GENERATED cndcs-brand v1.3.0 */
  --md-default-bg-color: #ffffff;
  --md-default-fg-color: #1a1a1a;
  --md-default-fg-color--light: #555555;
  --md-default-fg-color--lighter: #757575;
  --md-default-fg-color--lightest: rgba(117, 117, 117, 0.15);

  --md-primary-fg-color: #222222;
  --md-primary-fg-color--light: #2a2a2a;
  --md-primary-fg-color--dark: #141414;
  --md-primary-bg-color: #e2e2e2;
  --md-primary-bg-color--light: #aaaaaa;

  --md-accent-fg-color: #2563eb;
  --md-accent-fg-color--transparent: rgba(37, 99, 235, 0.1);
  --md-accent-bg-color: #2563eb;
  --md-accent-bg-color--light: rgba(37, 99, 235, 0.1);

  --md-code-bg-color: #f5f5f5;
  --md-code-fg-color: #1a1a1a;
  --md-code-hl-color: rgba(37, 99, 235, 0.15);

  --md-typeset-color: #1a1a1a;
  --md-typeset-a-color: #2563eb;

  --md-footer-bg-color: #141414;
  --md-footer-bg-color--dark: #111111;
  --md-footer-fg-color: #aaaaaa;
  --md-footer-fg-color--light: #9a9a9a;
  --md-footer-fg-color--lighter: #555555;
  /* END */
}

/* ---------- Header / Tabs — dark chrome keeps its hairline ---------- */
[data-md-color-scheme="default"] .md-header {
  border-bottom: 1px solid #3a3a3a;
}

/* ---------- Sidebar ---------- */
[data-md-color-scheme="default"] .md-sidebar {
  border-right: 1px solid #d7d7d7;
}

/* ---------- Screenshots and diagrams ----------
   Every product capture is taken on the dark gateway UI; on a white page they
   would read as pasted-in slabs. A hairline + small radius frames them as
   intentional figures (#723). The fbd/st sizing rules live in extra.css. */
[data-md-color-scheme="default"] .md-typeset img {
  border: 1px solid #d7d7d7;
  border-radius: 4px;
}

[data-md-color-scheme="default"] .md-typeset figure.doc-video video {
  border-color: #d7d7d7;
}

/* ---------- Table of contents: clearer active state ----------
   Mirror of the slate rule in extra.css, same UX in both schemes. */
[data-md-color-scheme="default"] .md-nav--secondary .md-nav__link--active {
  color: var(--md-accent-fg-color);
  font-weight: 600;
  border-left: 2px solid var(--md-accent-fg-color);
  padding-left: 0.5rem;
  margin-left: -0.625rem;
}