:root {
  --md-primary-fg-color: #10b981; /* Emerald */
  --md-primary-fg-color--light: #34d399;
  --md-primary-fg-color--dark: #059669;
}
.md-footer {
  background-color: rgba(16, 185, 129, 0.7);
}

/* Vibrant Cyan */
/* :root { */
/*   --md-primary-fg-color: #06b6d4; */
/*   --md-primary-fg-color--light: #22d3ee; */
/*   --md-primary-fg-color--dark: #0891b2; */
/* } */
/* .md-footer { */
/*   background-color: rgba(6, 182, 212, 0.7); */
/* } */

/* Optional: If you want to change the text color for better contrast */
.md-footer-meta,
.md-footer-motto {
  color: #ffffff; /* Example: Set text color to white */
}