/* Import Vast Shadow from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Vast+Shadow&display=swap');

:root {
  --md-primary-fg-color: #006400; 
  --md-primary-fg-color--dark: #004d00;
  --md-accent-fg-color: #008080; 
}


/* Apply Vast Shadow with better breathing room */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-family: 'Vast Shadow', cursive;
  font-weight: 400; /* This font doesn't usually have multiple weights */
  letter-spacing: 0.05em; /* Adds a tiny bit of space between characters */
  line-height: 1.4;
  margin-top: 2em;   /* Gives more space above the heading */
  color: var(--md-primary-fg-color); /* Ties it to your dark green */
}

/* Make H1 (the page title) stand out more */
.md-typeset h1 {
  font-size: 2.5em;
  text-transform: uppercase;
}

/* The site title in the header */
.md-header__title {
  font-family: 'Vast Shadow', cursive;
  font-size: 1.1rem;
}

/* The navigation headers in the sidebar */
.md-nav__link--active, 
.md-nav__title {
  font-family: 'Vast Shadow', cursive;
  letter-spacing: 0.02em;
}

/* Customizing the hover effect on links to use your Teal accent */
.md-typeset a:hover {
  color: var(--md-accent-fg-color);
  text-decoration: underline;
}

/* Making the 'Admonitions' (notes/warnings) match your aesthetic */
.md-typeset .admonition.note {
  border-left-color: var(--md-primary-fg-color);
}