/* Muppy brand palette.
 *
 * The theme declares `primary: custom` / `accent: custom`, which makes Material read the
 * colours from here instead of from its own named palettes. The values are sampled from
 * the muppy.io logo: #1379cb for the wordmark and the outer cloud, #b2d9e9 for the inner
 * cloud.
 */

:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #1379cb;
  --md-primary-fg-color--light: #4a9bdb;
  --md-primary-fg-color--dark:  #0e5c9b;
  --md-primary-bg-color:        #ffffff;
  --md-primary-bg-color--light: #ffffffb3;

  --md-accent-fg-color:         #0e5c9b;
  --md-accent-fg-color--transparent: #1379cb1a;
  --md-accent-bg-color:         #ffffff;
  --md-accent-bg-color--light:  #ffffffb3;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #0e5c9b;
  --md-primary-fg-color--light: #4a9bdb;
  --md-primary-fg-color--dark:  #08406e;
  --md-primary-bg-color:        #ffffff;
  --md-primary-bg-color--light: #ffffffb3;

  --md-accent-fg-color:         #b2d9e9;
  --md-accent-fg-color--transparent: #b2d9e91a;
  --md-accent-bg-color:         #06121f;
  --md-accent-bg-color--light:  #06121fb3;

  --md-typeset-a-color:         #7fc0ee;
}

/* The header logo is the cloud mark on its own, so it can breathe at header height. */
.md-header__button.md-logo img {
  height: 1.6rem;
  width: auto;
}