/* Argus Council brand colours on top of MkDocs Material (see docs/brand/README.md). */

[data-md-color-scheme="default"][data-md-color-primary="indigo"] {
  --md-primary-fg-color: #4338ca;
  --md-primary-fg-color--light: #6366f1;
  --md-primary-fg-color--dark: #3730a3;
}

[data-md-color-accent="indigo"] {
  --md-accent-fg-color: #6366f1;
  --md-accent-fg-color--transparent: rgba(99, 102, 241, 0.1);
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0f1024;
  --md-typeset-a-color: #a5abfb;
}

[data-md-color-scheme="slate"][data-md-color-primary="black"] {
  --md-primary-fg-color: #090a17;
}

/* Home page: the centred mark and the interactive council figure. */
.argus-hero {
  text-align: center;
  margin: 0.5rem 0 1.5rem;
}

.argus-hero img {
  width: 140px;
  height: auto;
}

.md-typeset .argus-figure {
  display: block;
  width: 100%;
  height: 620px;
  margin: 1rem auto;
  border: 0;
  border-radius: 0.4rem;
  background: transparent;
}

.md-typeset .argus-figure--hero {
  max-width: 600px;
}

@media screen and (max-width: 44.9375em) {
  .md-typeset .argus-figure {
    height: 700px;
  }
}

/* Mermaid diagrams: let wide ones scroll instead of shrinking past legibility. */
.md-typeset .mermaid {
  overflow-x: auto;
  text-align: center;
}