/* Light Mode (Your current setup - looks good!) */
:root>* {
  --md-primary-fg-color: #0f172a;
  --md-primary-fg-color--light: #1e293b;
  --md-primary-fg-color--dark: #020617;
  --md-primary-bg-color: #f8fafc;
  --md-primary-bg-color--light: #f8fafc;
}

/* Dark Mode (FIXED: Uses lighter shades of slate for contrast) */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #94a3b8;
  /* Much lighter slate blue */
  --md-primary-fg-color--light: #cbd5e1;
  /* Even lighter for hovers */
  --md-primary-fg-color--dark: #64748b;
  /* Medium slate */
  --md-primary-bg-color: #0f172a;
  /* Your dark slate becomes the background */
  --md-primary-bg-color--light: #1e293b;
}

/* ================================================================== */
/* FIX: Aktiver Navigationslink im Dark Mode lesbar machen            */
/* ================================================================== */
[data-md-color-scheme="slate"] .md-nav__link--active {
  color: var(--md-accent-fg-color);
  font-weight: bold;
}