/* CoShop API docs — palette + type matched to the landing page (website/css/styles.css). */

:root {
  --ink: #1c1d2b;
  --ink-soft: #555a72;
  --accent: #6c6fc7;        /* periwinkle */
  --accent-dark: #4f52a6;
  --accent-soft: #eef0fb;
  --accent-line: #c8cbf0;
  --panel: #f5f5fa;
  --panel-line: #e6e7f0;
}

/* Map Material's theme variables onto the landing-page palette. */
[data-md-color-primary="custom"] {
  --md-primary-fg-color:        var(--accent);
  --md-primary-fg-color--light: var(--accent-soft);
  --md-primary-fg-color--dark:  var(--accent-dark);
  --md-primary-bg-color:        #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
}
[data-md-color-accent="custom"] {
  --md-accent-fg-color:         var(--accent-dark);
  --md-accent-fg-color--transparent: var(--accent-soft);
}

:root {
  --md-typeset-a-color: var(--accent-dark);
  --md-default-fg-color: var(--ink);
}

/* Translucent, blurred header to echo the landing nav. */
.md-header {
  background: rgba(108, 111, 199, 0.92);
  backdrop-filter: saturate(180%) blur(10px);
}

/* Material scales everything off this; default is 0.8rem of a 125% root,
   which reads large. Bring the whole doc body down a notch. */
.md-typeset {
  color: var(--ink);
  line-height: 1.6;
  font-size: 0.72rem;
}
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: var(--ink);
  letter-spacing: -0.01em;
}

/* Body links match the landing accent. */
.md-typeset a { color: var(--accent-dark); }

/* Inline code + admonition / nav tweaks toward the soft lavender panels. */
.md-typeset code {
  background-color: var(--accent-soft);
  border-radius: 6px;
}
.md-nav__link--active,
.md-nav__item .md-nav__link--active { color: var(--accent-dark); }

/* --------- function definitions: smaller signatures --------- */
/* mkdocstrings renders the signature as a highlighted <code> inside the
   .doc-heading element; shrink that code so definitions read smaller. */
.md-typeset .doc-heading {
  font-size: 0.85rem;
  margin-top: 1.1em;
}
.md-typeset .doc-heading code.highlight,
.md-typeset .doc-heading code {
  font-size: 0.7em;
  line-height: 1.5;
  background: var(--panel);
  border: 1px solid var(--panel-line);
  border-radius: 8px;
  padding: 3px 7px;
}

/* The "property" / "staticmethod" etc. labels next to a symbol. */
.md-typeset .doc-label {
  font-size: 0.62rem;
}

/* Soften the per-object cards mkdocstrings emits. */
.md-typeset .doc-object {
  border-left: 2px solid var(--accent-line);
  padding-left: 14px;
}
