/* Material structure with a quiet llama background and explicit contrast. */
:root, [data-md-color-scheme="default"] {
  --md-default-bg-color: #fff;
  --md-primary-fg-color: #fff;
  --md-primary-bg-color: #222;
  --md-primary-bg-color--light: #666;
  --md-typeset-a-color: #00796b;
  --md-accent-fg-color: #00796b;
  --llama-pattern-filter: none;
  --llama-pattern-opacity: .12;
  --llama-logo-filter: none;
  --llama-logo-blend: multiply;
  --llama-panel: #fff;
  --llama-line: #e1e7e4;
}
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #101010;
  --md-default-fg-color: #ededed;
  --md-default-fg-color--light: #b9b9b9;
  --md-default-fg-color--lighter: #858585;
  --md-default-fg-color--lightest: #ffffff14;
  --md-primary-fg-color: #080808;
  --md-primary-bg-color: #ededed;
  --md-primary-bg-color--light: #aaa;
  --md-typeset-a-color: #76dbc8;
  --md-accent-fg-color: #76dbc8;
  --md-code-bg-color: #202020;
  --md-footer-bg-color: #080808;
  --md-footer-bg-color--dark: #050505;
  --llama-pattern-filter: invert(1);
  --llama-pattern-opacity: .09;
  --llama-logo-filter: invert(1);
  --llama-logo-blend: screen;
  --llama-panel: #101010;
  --llama-line: #303634;
}
body { background-color: var(--md-default-bg-color); isolation: isolate; }
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url("../assets/llama-lovers-pattern.png") center top / 840px auto repeat;
  filter: var(--llama-pattern-filter);
  opacity: var(--llama-pattern-opacity);
}
.md-header, .md-tabs {
  background-color: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color);
  border-bottom: 1px solid var(--llama-line);
}
.md-header { box-shadow: none; }
.md-header .md-logo img {
  width: 1.7rem;
  height: 1.7rem;
  object-fit: contain;
  filter: var(--llama-logo-filter);
  mix-blend-mode: var(--llama-logo-blend);
}
.md-content {
  background: var(--llama-panel);
  min-width: 0;
}
.md-content__inner { padding: .9rem 1.1rem 1.4rem; }
/* No full-height painted rectangles in the sidebars. */
.md-sidebar__scrollwrap { background: transparent; }
/* Preserve the standard Material navigation and table-of-contents layout. */
.md-main__inner { margin-top: 1.5rem; margin-bottom: 1.5rem; }
/* Original logo colors follow the selected palette. */
.llama-logo {
  display: block;
  width: 9rem;
  max-width: 45vw;
  height: auto;
  margin: 0 0 1rem;
  filter: var(--llama-logo-filter);
  mix-blend-mode: var(--llama-logo-blend);
}
.md-typeset a:focus-visible { outline: 2px solid var(--md-accent-fg-color); outline-offset: 3px; }
.ll-slide-viewer { width: 100%; height: 32rem; border: 1px solid var(--llama-line); }
.ll-video { width: 100%; display: block; margin-top: 1rem; }
@media(max-width: 760px) {
  .llama-logo { width: 7rem; }
  .md-main__inner { margin-top: 1rem; margin-bottom: 1rem; }
  .md-content__inner { padding: 1rem .8rem; }
  body::before { background-size: 560px auto; }
  .ll-slide-viewer { height: 24rem; }
}