@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Zalando+Sans:ital,wght@0,200..900;1,200..900&display=swap");

:root {
  --bs-body-font-family: "Inter", system-ui, sans-serif;
  --bs-font-sans-serif: "Inter", system-ui, sans-serif;
  /* Near-black: readable, not washed-out theme grey */
  --bs-body-color: #1c1c1c;
  --bs-secondary-color: #2a2a2a;
  --bs-tertiary-color: #3a3a3a;
  --bs-heading-color: #111111;
}

html,
body {
  color: #1c1c1c;
}

.navbar,
.sidebar,
.sidebar-title,
.menu-text,
.toc-actions,
.nav-link,
.sidebar-item,
.sidebar-item-text,
h1, h2, h3, h4, h5, h6,
.quarto-title,
.callout-title,
.callout-body,
.panel-tabset > ul > li > a,
p, li, td, th, dt, dd {
  font-family: "Inter", system-ui, sans-serif;
  color: inherit;
}

/* Zephyr / Bootstrap often mute these; pull them back up */
.text-muted,
.text-body-secondary,
.quarto-title-meta,
.quarto-title-meta-contents,
.toc-title,
#toc-title {
  color: #333333 !important;
}

code, pre, kbd, samp,
.sourceCode {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* ---- highlights ---- */
mark.q-hl {
  border-radius: 2px;
  padding: 0 0.1em;
  cursor: pointer;
  color: inherit;
}

.highlight-toolbar {
  position: fixed;
  z-index: 10050;
  display: none;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.45rem;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.75rem;
  max-width: calc(100vw - 1rem);
  pointer-events: auto;
  user-select: none;
}

.highlight-toolbar .hl-kinds {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.highlight-toolbar .hl-kind {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  border: 1px solid #ccc;
  background: #fafafa;
  border-radius: 4px;
  cursor: pointer;
  padding: 0.2rem 0.4rem;
  font: inherit;
  color: #1c1c1c;
  line-height: 1.1;
}

.highlight-toolbar .hl-kind:hover {
  border-color: #888;
  background: #fff;
}

.highlight-toolbar .hl-dot {
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  flex: 0 0 auto;
}

.highlight-toolbar .hl-lab {
  font-weight: 600;
}

.highlight-toolbar .hl-btn {
  border: 1px solid #ccc;
  background: #f7f7f7;
  border-radius: 4px;
  cursor: pointer;
  line-height: 1;
  padding: 0.15rem 0.35rem;
}

.highlight-toolbar .hl-status {
  color: #444;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 12rem;
}