/* Dark mode: electric green accent, white logo */
[data-md-color-scheme="slate"] {
  --md-accent-fg-color: #00ff01;
  --md-accent-fg-color--transparent: rgba(0, 255, 1, 0.1);
}
[data-md-color-scheme="slate"] .logo-light { visibility: hidden; }
[data-md-color-scheme="slate"] .logo-dark  { visibility: visible; }

/* Light mode: slightly muted green to keep contrast on white, black logo */
[data-md-color-scheme="default"] {
  --md-accent-fg-color: #00b300;
  --md-accent-fg-color--transparent: rgba(0, 179, 0, 0.1);
}
[data-md-color-scheme="default"] .logo-dark  { visibility: hidden; }
[data-md-color-scheme="default"] .logo-light { visibility: visible; }

/* Stack both logo images in the same grid cell so layout stays stable */
.md-logo {
  display: grid !important;
  place-items: center;
}
.logo-dark, .logo-light {
  grid-area: 1 / 1;
}
.red {
  color: #EE0F0F;
}