/*
 * digital bauhaus 2015 — gelber BG, Light Mode erzwungen.
 * Sichtbarer BG: .main-layer (nicht body).
 * Hardcodierte Dark-Hover/Byline/Isso-Regeln mit !important zurücksetzen
 * (gleiche Spezifität wie Bundle, aber später geladen).
 */
:root {
  --dbs-yellow: rgb(255, 241, 5);
  --color-background: var(--dbs-yellow);
  --color-background-alt: var(--dbs-yellow);
  --color-background-darkmode: var(--dbs-yellow);
  --color-text: #000;
  --color-text-darkmode: #000;
  --color-text-alt: #333;
  --color-text-muted: #555;
  --color-text-grey: #555;
  --color-bg-soft: rgba(0, 0, 0, 0.06);
  --color-border: rgba(0, 0, 0, 0.25);
  color-scheme: only light;
}

html {
  color-scheme: only light;
}

html,
body,
.main-layer,
.slider-menu-panel {
  background: var(--dbs-yellow) !important;
  background-color: var(--dbs-yellow) !important;
  color: #000 !important;
}

/* Meta / Actions: sonst #888 + brightness(1.7) → fast weiß auf Gelb */
.note-meta--byline,
.note-footer-context,
.note-geo-fallback,
.note-actions,
.beilage-actions-group,
header p.note-meta,
header.note-meta,
footer.note-footer,
footer.footer {
  color: #444 !important;
  filter: none !important;
}

.note-meta--byline a,
.note-footer-context a,
.note-actions a,
.note-actions button,
.beilage-actions-group a,
header p.note-meta a,
footer.note-footer a,
footer.footer a,
.note-syndication-link,
.note-action,
.note-via-link {
  color: #333 !important;
  filter: none !important;
  fill: #333 !important;
}

.note-meta--byline a:hover,
.note-meta--byline a:focus-visible,
.note-footer-context a:hover,
.note-actions a:hover,
.note-actions button:hover,
.beilage-actions-group a:hover,
header p.note-meta a:hover,
footer.note-footer a:hover,
footer.footer a:hover,
.note-syndication-link:hover,
.note-syndication-link:focus-visible,
.note-action:hover,
.note-action:focus-visible,
.note-via-link:hover {
  color: #000 !important;
  fill: #000 !important;
  filter: none !important;
  background: rgba(0, 0, 0, 0.08);
  border-color: #000;
}

.note-tags a,
footer.note-footer .note-tags a {
  color: #333 !important;
  background: rgba(255, 255, 255, 0.55) !important;
}

.note-tags a:hover,
.note-tags a:focus-visible,
footer.note-footer .note-tags a:hover {
  color: #000 !important;
  background: rgba(255, 255, 255, 0.85) !important;
}

.image-license-wrapper .image-license-link:hover,
.image-license-wrapper .image-manipulation-link:hover,
.image-license-wrapper .image-ai-link:hover {
  color: #000 !important;
}

.image-license-wrapper .image-license-badge,
.image-license-wrapper .image-manipulation-badge,
.image-license-wrapper .image-ai-badge,
.image-license-wrapper .img-caption-separator,
.image-license-wrapper:hover .image-license-badge,
.image-license-wrapper:hover .image-manipulation-badge,
.image-license-wrapper:hover .image-ai-badge,
.image-license-wrapper:hover .img-caption-separator {
  color: rgba(0, 0, 0, 0.55) !important;
}

article .text a:not(:has(img)):not(:has(svg)):not(:has(video)):hover,
article .note-title a:hover,
a.underline:hover {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: #000 !important;
}

.text figcaption {
  color: #555 !important;
}

.reaction-badge {
  background: rgba(255, 255, 255, 0.55) !important;
  border-color: rgba(0, 0, 0, 0.25) !important;
  color: #000 !important;
}

/* Isso: Dark-Tokens zurück auf hell */
.isso-comments-host {
  --isso-primary-text-color: #000 !important;
  --isso-secondary-text-color: #444 !important;
  --isso-border: 1px solid rgba(0, 0, 0, 0.25) !important;
  --isso-box-shadow-color: rgba(0, 0, 0, 0.12) !important;
  --isso-hover-color: #222 !important;
  --isso-link-hover-color: #000 !important;
  --isso-input-background-color: #fff !important;
  --isso-input-outline-color: #000 !important;
  --isso-button-background-color: #eee !important;
  --isso-button-border: 1px solid #999 !important;
  --isso-button-hover-background-color: #e0e0e0 !important;
  --isso-button-active-background-color: #d0d0d0 !important;
  --isso-preview-background: #fff !important;
  --isso-pre-color: #222 !important;
  --isso-pre-background-color: #f5f5f5 !important;
  --isso-pre-border-color: #ccc !important;
  --isso-comment-divider-color: rgba(0, 0, 0, 0.12) !important;
  --isso-page-author-suffix-color: #444 !important;
  --isso-target-fade-background-color: #fff3a0 !important;
  color: #000;
}

#isso-thread .isso-textarea,
#isso-thread .isso-input-wrapper input,
#isso-thread .isso-post-action > input {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  caret-color: #000 !important;
  background-color: #fff !important;
}

#isso-thread .isso-textarea:-webkit-autofill,
#isso-thread .isso-textarea:-webkit-autofill:hover,
#isso-thread .isso-textarea:-webkit-autofill:focus,
#isso-thread .isso-input-wrapper input:-webkit-autofill,
#isso-thread .isso-input-wrapper input:-webkit-autofill:hover,
#isso-thread .isso-input-wrapper input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #000 !important;
}

.isso-comments-host .isso-comment.isso-is-page-author > .isso-text-wrapper {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-background: var(--dbs-yellow);
    --color-background-alt: var(--dbs-yellow);
    --color-background-darkmode: var(--dbs-yellow);
    --color-text: #000;
    --color-text-darkmode: #000;
    --color-text-alt: #333;
    --color-text-muted: #555;
    --color-text-grey: #555;
    --color-bg-soft: rgba(0, 0, 0, 0.06);
    --color-border: rgba(0, 0, 0, 0.25);
    color-scheme: only light;
  }

  html,
  body,
  .main-layer,
  .slider-menu-panel {
    background: var(--dbs-yellow) !important;
    background-color: var(--dbs-yellow) !important;
    color: #000 !important;
  }

  .note-meta--byline,
  .note-footer-context,
  .note-geo-fallback,
  .note-actions,
  .beilage-actions-group,
  header p.note-meta,
  header.note-meta,
  footer.note-footer,
  footer.footer {
    color: #444 !important;
    filter: none !important;
  }

  footer.note-footer:hover,
  footer.footer:hover,
  header p.note-meta:hover,
  .beilage-actions-group:hover,
  footer.note-footer,
  footer.footer,
  header.note-meta,
  .beilage-actions-group {
    filter: none !important;
  }

  .note-meta--byline a,
  .note-footer-context a,
  .note-actions a,
  .note-actions button,
  .beilage-actions-group a,
  header p.note-meta a,
  footer.note-footer a,
  footer.footer a,
  .note-syndication-link,
  .note-action,
  .note-via-link {
    color: #333 !important;
    filter: none !important;
    fill: #333 !important;
  }

  .note-meta--byline a:hover,
  .note-meta--byline a:focus-visible,
  .note-footer-context a:hover,
  .note-actions a:hover,
  .note-actions button:hover,
  .beilage-actions-group a:hover,
  header p.note-meta a:hover,
  footer.note-footer a:hover,
  footer.footer a:hover,
  .note-syndication-link:hover,
  .note-syndication-link:focus-visible,
  .note-action:hover,
  .note-action:focus-visible,
  .note-via-link:hover,
  .note-tags a:hover {
    color: #000 !important;
    fill: #000 !important;
    filter: none !important;
  }

  .note-tags a,
  footer.note-footer .note-tags a {
    color: #333 !important;
    background: rgba(255, 255, 255, 0.55) !important;
  }

  .image-license-wrapper .image-license-link:hover,
  .image-license-wrapper .image-manipulation-link:hover,
  .image-license-wrapper .image-ai-link:hover {
    color: #000 !important;
  }

  .image-license-wrapper .image-license-badge,
  .image-license-wrapper .image-manipulation-badge,
  .image-license-wrapper .image-ai-badge,
  .image-license-wrapper .img-caption-separator,
  .image-license-wrapper:hover .image-license-badge,
  .image-license-wrapper:hover .image-manipulation-badge,
  .image-license-wrapper:hover .image-ai-badge,
  .image-license-wrapper:hover .img-caption-separator {
    color: rgba(0, 0, 0, 0.55) !important;
  }

  article .text a:not(:has(img)):not(:has(svg)):not(:has(video)):hover,
  article .note-title a:hover,
  a.underline:hover {
    background-color: rgba(0, 0, 0, 0.12) !important;
    color: #000 !important;
  }

  .text figcaption {
    color: #555 !important;
  }

  .reaction-badge {
    background: rgba(255, 255, 255, 0.55) !important;
    border-color: rgba(0, 0, 0, 0.25) !important;
    color: #000 !important;
  }

  .isso-comments-host {
    --isso-primary-text-color: #000 !important;
    --isso-secondary-text-color: #444 !important;
    --isso-border: 1px solid rgba(0, 0, 0, 0.25) !important;
    --isso-input-background-color: #fff !important;
    --isso-button-background-color: #eee !important;
    --isso-button-border: 1px solid #999 !important;
    --isso-button-hover-background-color: #e0e0e0 !important;
    --isso-pre-background-color: #f5f5f5 !important;
    --isso-comment-divider-color: rgba(0, 0, 0, 0.12) !important;
  }

  #isso-thread .isso-textarea,
  #isso-thread .isso-input-wrapper input,
  #isso-thread .isso-post-action > input {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    caret-color: #000 !important;
    background-color: #fff !important;
  }

  #isso-thread .isso-textarea:-webkit-autofill,
  #isso-thread .isso-input-wrapper input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #000 !important;
  }

  .isso-comments-host .isso-comment.isso-is-page-author > .isso-text-wrapper {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }
}