/* Light Mode (default) Anpassungen */
[data-md-color-scheme="default"] {
  /* Backgrounds & Text */
  --md-default-bg-color: #f9fafb;
  --md-default-fg-color: #111827;
  --md-default-fg-color--light: #4b5563;
  --md-default-fg-color--lighter: #6b7280;
  --md-default-fg-color--lightest: #9ca3af;

  /* Primary Color (Kopfzeile, Links) - Dark/Navy für die App Navbar  */
  --md-primary-fg-color: #111827;
  --md-primary-fg-color--light: #1f2937;
  --md-primary-fg-color--dark: #030712;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #f9fafb;

  /* Accent Color (Buttons, aktive Elemente) - Cyan */
  --md-accent-fg-color: #0f766e;
  --md-accent-fg-color--transparent: rgba(15, 118, 110, 0.1);
  --md-accent-bg-color: #ffffff;
  --md-accent-bg-color--light: #ffffff;

  /* Cards/Surfaces */
  --md-admonition-bg-color: #ffffff;
  --md-footer-bg-color: #111827;
  --md-footer-bg-color--dark: #030712;
}

/* Dark Mode (slate) Anpassungen */
[data-md-color-scheme="slate"] {
  /* Backgrounds & Text */
  --md-default-bg-color: #09090b;
  --md-default-fg-color: #fafafa;
  --md-default-fg-color--light: #a1a1aa;
  --md-default-fg-color--lighter: #71717a;
  --md-default-fg-color--lightest: #52525b;

  /* Primary Color - Sehr dunkles Schwarz */
  --md-primary-fg-color: #09090b;
  --md-primary-fg-color--light: #18181b;
  --md-primary-fg-color--dark: #000000;
  --md-primary-bg-color: #fafafa;
  --md-primary-bg-color--light: #fafafa;

  /* Accent Color - Cyan */
  --md-accent-fg-color: #14b8a6;
  --md-accent-fg-color--transparent: rgba(20, 184, 166, 0.1);
  --md-accent-bg-color: #09090b;
  --md-accent-bg-color--light: #09090b;

  /* Cards/Surfaces */
  --md-admonition-bg-color: #18181b;
  --md-footer-bg-color: #000000;
  --md-footer-bg-color--dark: #000000;
}

/* Anpassung der Schrift für Überschriften auf Montserrat */
h1,
h2,
h3,
h4,
h5,
h6,
.md-header__title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  font-weight: 700;
}

/* Vergrößerung des Logos um den Faktor 2.5 (Standardhöhe ist normalerweise ca. 24px, daher 60px) */
.md-logo img,
.md-logo svg {
  height: 60px !important;
  width: auto !important;
}

/* Anpassung der Navbar, falls das Logo die Standardhöhe überschreitet */
.md-header__button.md-logo {
  padding: 0.2rem;
  margin-right: 1rem;
}