:root > * {
  --md-primary-fg-color:        #0178a3;
  --md-primary-fg-color--light: #4FA3C4; /* lighter tint, adjust as needed */
  --md-primary-fg-color--dark:  #015E80; /* darker shade, adjust as needed */

  /* optional: also use it as the accent (links, buttons, hover states) */
  --md-accent-fg-color: #0178a3;
}

/* Import your heading font from Google Fonts if it's different from font.text */
@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@600;700&display=swap');

h1, h2, h3, h4, h5, h6 {
  font-family: "Overpass", sans-serif;
}

h1 {
  color: #0187a3;
}

h2 {
  
}