/* docs/stylesheets/extra.css */
:root{
  /* Primary (header/sidebar) */
  --md-primary-fg-color: #1A73E8;         /* main brand color */
  --md-primary-fg-color--light: #4A90E2;   /* light variant */
  --md-primary-fg-color--dark: #174AB6;    /* dark variant */

  /* Accent / interactive elements */
  --md-accent-fg-color: #1A73E8;           /* e.g., amber/yellow */
  --md-accent-fg-color--light: #4A90E2;
  --md-accent-fg-color--dark: #174AB6;
  
  /* Optional: tweak other theme variables if needed */
}
.md-header {
    background-color: #fff; /* Employee Reminders brand blue */
    color: #1A73E8;            /* white text for contrast */
    display:none;
}
.md-banner {
    background-color: #fff; /* light blue banner background */
    color: #0D47A1;           /* dark blue text */
}
/* Header menu links */
.header-menu a {
    font-weight: 500;
    color: #ffffff; /* adjust if header is dark */
    text-decoration: none;
    padding: 0 0.5rem;
}
.header-menu a:hover {
    text-decoration: underline;
}

/* Footer menu links */
.md-footer a {
    font-weight: 500;
    color: #1A73E8; /* brand blue for links */
    text-decoration: none;
}
.md-footer a:hover {
    text-decoration: underline;
}