/* JoltUI brand: navy and amber, taken from the logo. */
:root {
  --jolt-navy: #161a33;
  --jolt-amber: #f5a524;
}

[data-md-color-primary="indigo"] {
  --md-primary-fg-color: var(--jolt-navy);
  --md-primary-fg-color--light: #2a3060;
  --md-primary-fg-color--dark: #0c0f20;
}

[data-md-color-accent="amber"] {
  --md-accent-fg-color: var(--jolt-amber);
}

/* Diagrams have a white background; frame them so they sit well in dark mode. */
.md-typeset img.diagram {
  display: block;
  margin: 1.2em auto;
  border-radius: 0.4rem;
  box-shadow: 0 0 0 1px var(--md-default-fg-color--lightest);
  background: #fff;
}

/* Hero on the home page. */
.md-typeset .jolt-hero {
  text-align: center;
  margin-bottom: 1.5em;
}

.md-typeset .jolt-hero img {
  width: 160px;
}