/* Heidrun brand: navy + gold, sampled from the bot logo (img/watermark.png) */

:root {
  --md-primary-fg-color: #14273f;
  --md-primary-fg-color--light: #1e3a5f;
  --md-primary-fg-color--dark: #0a1626;
  --md-accent-fg-color: #c9974a;
  --md-accent-fg-color--transparent: rgba(201, 151, 74, 0.1);
}

/* Dark scheme: navy is too dark for links/buttons on slate — use gold */
[data-md-color-scheme="slate"] {
  --md-typeset-a-color: #d4a856;
  --md-accent-fg-color: #d4a856;
}

/* Primary buttons (homepage): navy fill in light mode, gold in dark mode */
.md-typeset .md-button--primary {
  background-color: var(--md-primary-fg-color);
  border-color: var(--md-primary-fg-color);
  color: #ffffff;
}
[data-md-color-scheme="slate"] .md-typeset .md-button {
  color: #d4a856;
  border-color: #d4a856;
}
[data-md-color-scheme="slate"] .md-typeset .md-button--primary {
  background-color: #d4a856;
  border-color: #d4a856;
  color: #0a1626;
}
.md-typeset .md-button:hover {
  background-color: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color);
  color: var(--md-primary-fg-color--dark);
}

/* Material only shows the header tabs (Home | Creation | …) at ≥1220px;
   show them from 960px so the Home tab is visible on laptops too */
@media screen and (min-width: 60em) and (max-width: 76.1875em) {
  .md-tabs {
    display: block;
  }
}

/* Round the logo (it's a coin-style badge) */
.md-header__button.md-logo img {
  border-radius: 50%;
}