:root {
  /* Primary color shades */
  --md-primary-fg-color: #bae6fd;
  --md-primary-bg-color: #030712;

  /* Accent color shades */
  --md-accent-fg-color: #0284c7;
  --md-accent-fg-color--transparent: rgba(2, 132, 199, 0.1);
  --md-accent-bg-color: #0284c7;;
  --md-accent-bg-color--light: rgba(224, 242, 254, 0.7);
}

:root > * {
  /* Footer */
  --md-footer-bg-color--dark: #bae6fd;
  --md-footer-fg-color--light: #030712;
  }