/* Spatial AI brand colours, with the ignis ember accent. */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #16191c;
  --md-primary-fg-color--light: #2b2f33;
  --md-primary-fg-color--dark: #0e1012;
  --md-accent-fg-color: #d2461f;
  /* Brand ember is 4.16:1 on the ground colour; this shade reaches the 4.5:1 AA minimum for text. */
  --md-typeset-a-color: #c7421d;
  --md-default-bg-color: #f7f5f1;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #16191c;
  --md-primary-fg-color--light: #2b2f33;
  --md-primary-fg-color--dark: #0e1012;
  --md-accent-fg-color: #ff6b3d;
  --md-typeset-a-color: #ff6b3d;
  --md-default-bg-color: #16191c;
}

/* The header logo is the lockup, which carries the project name, so the text site name is hidden
   where the logo shows. Below 76.25em Material moves the logo into the drawer and the name stays. */
.md-header__button.md-logo img {
  height: 2rem;
}

@media screen and (min-width: 76.25em) {
  .md-header__title .md-header__topic:first-child {
    visibility: hidden;
  }
}