/* Light Mode (default) */
:root {
  /* Primär- & Akzentfarbe */
  --md-primary-fg-color: #38693c;         /* Basis */
  --md-primary-fg-color--light: #5c8f60;  /* hellerer Ton */
  --md-primary-fg-color--dark:  #254a29;  /* dunklerer Ton */
  --md-accent-fg-color:         #38693c;

  /* Linkfarbe im Content */
  --md-typeset-a-color: #38693c;
}

/* Dark Mode (slate) */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #38693c;
  --md-primary-fg-color--light: #5c8f60;
  --md-primary-fg-color--dark:  #254a29;
  --md-accent-fg-color:         #38693c;

  --md-typeset-a-color: #38693c;
}

/* Glüh-Effekt für Links im Inhalt */
.md-typeset a {
  text-shadow:
    0 0 3px  rgba(56,105,60,.7),
    0 0 8px  rgba(56,105,60,.4);
}

/* Navigation & Header-Brand minimal glühen */
.md-header, .md-nav__link--active, .md-nav__item .md-nav__link:hover {
  text-shadow:
    0 0 2px rgba(56,105,60,.6),
    0 0 6px rgba(56,105,60,.3);
}

/* Buttons im Material-Theme */
.md-button, .md-button--primary {
  box-shadow:
    0 0 6px  rgba(56,105,60,.55),
    0 0 16px rgba(56,105,60,.35);
}

/* Icons leicht glühen lassen */
.md-icon {
  filter: drop-shadow(0 0 4px rgba(57,255,20,.45));
}

/* Optional: Hover-Glow verstärken (nur bei Interaktion) */
a:hover, .md-button:hover {
  text-shadow:
    0 0 4px rgba(56,105,60,.9),
    0 0 12px rgba(56,105,60,.6);
  box-shadow:
    0 0 10px rgba(56,105,60,.75),
    0 0 22px rgba(56,105,60,.45);
}