:root {

    --md-default-fg-color:               hsla(0, 0%, 0%, 0.87);
    --md-default-fg-color--light:        hsla(0, 0%, 0%, 0.54);
    --md-default-fg-color--lighter:      hsla(0, 0%, 0%, 0.26);
    --md-default-fg-color--lightest:     hsla(0, 0%, 0%, 0.07);
    --md-default-bg-color:               hsla(0, 0%, 100%, 1);
    --md-default-bg-color--light:        hsla(0, 0%, 100%, 0.7);
    --md-default-bg-color--lighter:      hsla(0, 0%, 100%, 0.3);
    --md-default-bg-color--lightest:     hsla(0, 0%, 100%, 0.12);
  
    --md-primary-fg-color:               hsla(206, 100%, 35%,1);
    --md-primary-fg-color--light:        hsla(206, 100%, 35%, 1);
    --md-primary-fg-color--dark:         hsla(206, 100%, 35%, 1);
    --md-primary-bg-color:               hsla(0, 0%, 100%, 1);
    --md-primary-bg-color--light:        hsla(0, 0%, 100%, 0.7);
  
    --md-accent-fg-color:                hsl(193, 100%, 50%);
    --md-accent-fg-color--transparent:   hsla(193, 100%, 50%, 0.1);
    --md-accent-bg-color:                hsla(0, 0%, 100%, 1);
    --md-accent-bg-color--light:         hsla(0, 0%, 100%, 0.7);
  
    --md-code-bg-color:                  hsla(0, 0%, 92.5%, 0.5);
    --md-code-fg-color:                  hsla(200, 18%, 26%, 1);
  }
.md-header-nav__button.md-logo {
    margin: .1rem;
    padding: 0rem;
}
.md-header-nav__button.md-logo img, .md-header-nav__button.md-logo svg {
    width: 2.2rem;
    height: 2.2rem;
}

/* Specific category overrides */
.icon-new  { color: hsla(122, 39%, 49%, 1); } 
.icon-enh  { color: hsla(45, 100%, 51%, 1); } 
.icon-improv { color: hsla(210, 5%, 45%, 1); } 
.icon-opens { color: hsla(10, 45%, 45%, 1); }       
.icon-perf { color: hsla(33, 100%, 49%, 1); }
.icon-log  { color: var(--md-primary-fg-color); }
.icon-doc { color: hsla(210, 80%, 45%, 1); }
.icon-upgrade { color: hsla(200, 70%, 45%, 1); }
.icon-handshake { color: hsla(30, 40%, 65%, 1); }