/* Manimble's accent (#FF6C0C, the app's orange) on a neutral dark header. */
:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #1f1f24;
  --md-primary-fg-color--light: #2c2c33;
  --md-primary-fg-color--dark: #141417;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: #e85d00;
  --md-accent-fg-color--transparent: rgba(255, 108, 12, 0.1);
  --md-typeset-a-color: #d35400;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #1a1a1f;
  --md-primary-fg-color--light: #26262c;
  --md-primary-fg-color--dark: #111114;
  --md-accent-fg-color: #ff8a3d;
  --md-accent-fg-color--transparent: rgba(255, 138, 61, 0.12);
  --md-typeset-a-color: #ff9b57;
  --md-default-bg-color: #18181c;
}

/* Menu paths such as File ▸ Save read as UI labels. */
.md-typeset .menu {
  font-weight: 600;
  white-space: nowrap;
}

/* Home page: the introduction; the animation runs across the full width at the bottom. */
.md-typeset .mb-intro {
  margin: 0.4rem 0 1.8rem;
}
.md-typeset .mb-video {
  margin: 2rem 0 0;
}
.md-typeset .mb-video video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1864 / 150;
  border-radius: 0.4rem;
  background: #000;
  box-shadow: 0 0.3rem 1.2rem rgba(0, 0, 0, 0.22);
}
.md-typeset .mb-hero {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0 0 0.9rem;
}
.md-typeset .mb-hero > p {
  flex: none;
  margin: 0;
}
.md-typeset .mb-hero img {
  width: 72px;
  min-width: 72px;
  height: 72px;
  flex: none;
}
.md-typeset .mb-hero h1 {
  margin: 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.md-typeset .mb-lead {
  margin: 0 0 1.3rem;
  font-size: 0.95rem;
  color: var(--md-default-fg-color--light);
}
.md-typeset .mb-buttons > p {        /* Markdown wraps the three links in a paragraph */
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin: 0;
}
.md-typeset .mb-buttons .md-button {
  margin: 0;
  padding: 0.55em 1.25em;
}
/* Page titles in the body colour rather than Material's light grey. */
.md-typeset h1 {
  color: var(--md-default-fg-color);
  font-weight: 600;
}

/* Keys read at the size of the text around them, also in tables. */
.md-typeset kbd {
  font-size: 0.8em;
}
.md-typeset table:not([class]) kbd {
  font-size: 0.95em;
}
.md-typeset table:not([class]) td:first-child kbd {
  white-space: nowrap;
}

/* Home page cards: two per row. */
@media screen and (min-width: 45em) {
  .md-typeset .grid.cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}