/* Cardioception documentation styling.
   Palette taken from the package logo: navy line art on an off-white field. */

:root {
  --cardio-navy: #1f3352;
  --cardio-navy-light: #2f4b73;
  --cardio-paper: #f7f6f2;
  --cardio-rule: #dcd8cf;
}

/* Light theme */
body {
  --color-brand-primary: var(--cardio-navy);
  --color-brand-content: var(--cardio-navy-light);
  --color-background-primary: var(--cardio-paper);
  --color-background-secondary: #efece5;
  --color-api-background: #efece5;
  --color-highlight-on-target: #f3e7c8;
}

/* Dark theme keeps the same hues, lifted for contrast */
body[data-theme="dark"] {
  --color-brand-primary: #9fc0e8;
  --color-brand-content: #9fc0e8;
  --color-background-primary: #131a24;
  --color-background-secondary: #1b2531;
  --color-api-background: #1b2531;
}

@media (prefers-color-scheme: dark) {
  body:not([data-theme="light"]) {
    --color-brand-primary: #9fc0e8;
    --color-brand-content: #9fc0e8;
    --color-background-primary: #131a24;
    --color-background-secondary: #1b2531;
    --color-api-background: #1b2531;
  }
}

/* The logo carries the wordmark, so give it room and drop the border */
.sidebar-logo {
  max-width: 82%;
  margin: 0.6rem auto 0.2rem auto;
}

/* Headings: a little more weight and a rule under the page title */
h1 {
  font-weight: 650;
  letter-spacing: -0.01em;
  border-bottom: 2px solid var(--color-brand-primary);
  padding-bottom: 0.3rem;
}

h2 {
  font-weight: 600;
  margin-top: 2rem;
}

/* Tables: the notebook link tables on the analysis pages read better boxed */
table.docutils {
  border-collapse: collapse;
  width: 100%;
}

table.docutils th,
table.docutils td {
  border: 1px solid var(--cardio-rule);
  padding: 0.4rem 0.6rem;
}

table.docutils th {
  background: var(--color-background-secondary);
}

/* Task screenshots and figures sit on the page rather than floating */
img {
  max-width: 100%;
  height: auto;
}

/* Inline literals: the package name shows up constantly, keep it legible */
code.literal {
  background: var(--color-background-secondary);
  border: 1px solid var(--cardio-rule);
  border-radius: 3px;
  padding: 0 0.25em;
  font-size: 0.88em;
}

body[data-theme="dark"] code.literal {
  border-color: #2b3949;
}

/* Autosummary puts every generated API page in the navigation, which buried
   the rest of the sidebar under API. The API page lists them all, so the
   sidebar shows the API page alone. Furo ignores a toctree's maxdepth. */
.sidebar-tree li:has(> a[href*="generated/"]) {
  display: none;
}

.sidebar-tree li:has(> ul > li > a[href*="generated/"]) > label {
  display: none;
}