/* TEST: helle Abschnitte dunkel. Rückgängig: diese Datei aus index.html entfernen (oder den Commit zurücknehmen). */
body { background: var(--ink); color: var(--light); }
.section:not(.section--dark) { color: var(--light); }
.section:not(.section--dark) h2, .section:not(.section--dark) h3 { color: var(--white); }
.section:not(.section--dark) .muted { color: var(--light-muted); }
.section:not(.section--dark) .eyebrow { color: #7fe3b8; }
.section:not(.section--dark) a:not(.btn):not(.by) { color: #7fe3b8; }

/* Abschnitte voneinander abheben: abwechselnd zwei dunkle Töne, feine Trennlinien */
.section { border-top: 1px solid rgba(255,255,255,.06); }
.section--tint { background: #0f1b2f; border-block: 1px solid rgba(255,255,255,.07); }
.section--dark { background: linear-gradient(180deg, #0d1a2e, #0b1422); }
#anzeichen { background: radial-gradient(60% 50% at 0% 0%, rgba(229,72,77,.08), transparent 70%), var(--ink); }
#ablauf, #fragen { background: radial-gradient(60% 50% at 100% 0%, rgba(18,163,111,.08), transparent 70%), var(--ink); }

/* Karten als Glasflächen */
.symptoms li, .flow li, .steps li, .faq details { background: rgba(255,255,255,.045); border-color: rgba(255,255,255,.1); box-shadow: none; }
.symptoms p, .flow p, .steps p, .faq details p { color: var(--light-muted); }
.steps li::before { background: rgba(18,163,111,.2); color: #7fe3b8; }
.flow__n { background: rgba(18,163,111,.18); color: #7fe3b8; }
.faq summary { color: var(--white); }
.faq summary::after { color: #7fe3b8; }
.faq details[open] { background: rgba(255,255,255,.07); }

/* Über mich */
.about .by { color: var(--light-muted); }
.about__avatar { box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 20px 50px rgba(0,0,0,.35); }

/* Vorfallbericht bleibt als helles "Blatt Papier" auf dunklem Grund */
.report { box-shadow: 0 30px 80px rgba(0,0,0,.45); }