/* ASI brand colours (ASI Brand Guidelines, Jan 2021).
   Requires primary: custom and accent: custom in mkdocs.yml palette. */

/* Light mode */
:root {
  --md-primary-fg-color:        #263a7f; /* ASI Dark Blue: header and tabs (white text 10.5:1) */
  --md-primary-fg-color--light: #3a4f96;
  --md-primary-fg-color--dark:  #1c2c63;
  --md-primary-bg-color:        #ffffff;
  --md-accent-fg-color:         #81bd41; /* ASI Dark Green: hover and focus */
  --md-typeset-a-color:         #263a7f; /* ASI Dark Blue: links (10.5:1 on white) */
}

/* Dark mode */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #81bd41; /* ASI Dark Green: header and tabs (white text 7:1) */
  --md-primary-fg-color--light: #6b7475;
  --md-primary-fg-color--dark:  #3d4546;
  --md-typeset-a-color:         #81bd41; /* ASI Dark Green: links and current nav on dark (7:1) */
  --md-accent-fg-color:         #81bd41; /* ASI Dark Green: hover and focus */
}

/* Logo: larger than Material's 1.2rem default, with clear space around it. */
.md-header__button.md-logo {
  margin: 0.2rem 0.6rem 0.2rem 0.2rem;
}
.md-header__button.md-logo img {
  height: 2rem;
}