/* 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 */
}