/* Logo-Farben: lime #8bc34a, orange #f5a623, blau #4da6e8, lila #b44fbf */

/* Dunkel-Design */
:root,
:root[color-theme=dark],
[color-theme=dark] {
  --header-background:         #121910;
  --header-font-color:         #ffffff;
  --body-background:           #1a2214;
  --body-font-color:           #ddecd2;
  --mark-color:                #f5a623;
  --button-background:         #2e4d18;
  --button-border-color:       #1e3510;
  --link-color:                #8bc34a;
  --link-color-visited:        #b44fbf;
  --accent-color-dark:         #0c1009;
  --accent-color:              #1a2210;
  --accent-color-lite:         #222e15;
  --control-icons:             #7a9a6a;
  --footer-background:         #0d1009;
  --footer-font-color:         #ffffff;
  --footer-link-color:         #8bc34a;
  --footer-link-color-visited: #8bc34a;
}

/* dark-mode-dim: kein Graustufen-Filter */
:root .dark-mode-dim .gblog-markdown img,
:root[color-theme=dark] .dark-mode-dim .gblog-markdown img,
[color-theme=dark] .dark-mode-dim .gblog-post__feature picture,
[color-theme=dark] .dark-mode-dim .gblog-markdown img {
  filter: none;
}

/* Nav- und Footer-Balken: nur im Dunkel-Design */
:root .gblog-nav,
:root[color-theme=dark] .gblog-nav,
[color-theme=dark] .gblog-nav,
:root .gblog-footer,
:root[color-theme=dark] .gblog-footer,
[color-theme=dark] .gblog-footer {
  background: #442b3c;
}

/* Sanfter Hell/Dunkel-Übergang */
body,
.gblog-nav,
.gblog-footer,
.gblog-header,
.gblog-post,
.gblog-page,
.gblog-brand {
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

/* Logo-Größe */
.gblog-brand__img {
  width: auto;
  height: auto;
  max-width: min(500px, 90vw);
  margin-right: 0;
}