:root {
  --md-primary-fg-color:             #02556C;
  --md-primary-fg-color--light:      #43B6C0;
  --md-primary-fg-color--dark:       #013C4D;
  --md-primary-bg-color:             #ffffff;
  --md-primary-bg-color--light:      rgba(255, 255, 255, 0.7);
  --md-accent-fg-color:              #1ECAD3;
  --md-accent-fg-color--transparent: rgba(30, 202, 211, 0.1);
}

/* Logo uses brand colors (#02556c) that match the dark header background,
   so invert to white for visibility on the header only. */
.md-header .md-logo img {
  filter: brightness(0) invert(1);
}