/* Brand colours (scripts/make_logo.py): a dark header like the logo's tile,
   green links and accents; lime on dark, a darker green on light. */
[data-md-color-primary="custom"] {
  --md-primary-fg-color: #161b22;
  --md-primary-fg-color--light: #30363d;
  --md-primary-fg-color--dark: #0d1117;
  --md-primary-bg-color: #e6edf3;
  --md-primary-bg-color--light: rgba(230, 237, 243, 0.7);
  --md-typeset-a-color: #1f7a00;
}
[data-md-color-accent="custom"] {
  --md-accent-fg-color: #2b8a00;
  --md-accent-fg-color--transparent: rgba(43, 138, 0, 0.1);
  --md-accent-bg-color: #ffffff;
  --md-accent-bg-color--light: rgba(255, 255, 255, 0.7);
}
[data-md-color-scheme="slate"][data-md-color-primary="custom"] {
  --md-typeset-a-color: #8cfa5a;
}
[data-md-color-scheme="slate"][data-md-color-accent="custom"] {
  --md-accent-fg-color: #8cfa5a;
  --md-accent-fg-color--transparent: rgba(140, 250, 90, 0.1);
  --md-accent-bg-color: #0d1117;
  --md-accent-bg-color--light: rgba(13, 17, 23, 0.7);
}

/* Screenshots: a thin frame and a soft shadow, like a window on a desktop. */
.md-typeset img[src*="assets/screenshots/"],
.md-typeset img[src*="assets/photos/"] {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
}

/* Figures with a caption below the image. */
.md-typeset figure {
  margin: 1.6em auto;
}
.md-typeset figcaption {
  max-width: 44rem;
  font-style: normal;
  color: var(--md-default-fg-color--light);
}

/* "Screenshot to add": places for shots of a real game, taken by hand. */
:root {
  --md-admonition-icon--screenshot: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 4h3l2-2h6l2 2h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m8 3a5 5 0 0 0-5 5 5 5 0 0 0 5 5 5 5 0 0 0 5-5 5 5 0 0 0-5-5m0 2a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3"/></svg>');
}
.md-typeset .admonition.screenshot,
.md-typeset details.screenshot {
  border-color: #a371f7;
  border-style: dashed;
}
.md-typeset .screenshot > .admonition-title,
.md-typeset .screenshot > summary {
  background-color: rgba(163, 113, 247, 0.1);
}
.md-typeset .screenshot > .admonition-title::before,
.md-typeset .screenshot > summary::before {
  background-color: #a371f7;
  -webkit-mask-image: var(--md-admonition-icon--screenshot);
  mask-image: var(--md-admonition-icon--screenshot);
}

/* Feature cards on the home page. */
.md-typeset .grid.cards > ul > li {
  border-radius: 6px;
}