/*
 * Bewertungsstufen — Schema (entschieden 11.10.2026, Bauplan „Bewertungsfarben").
 * „Stark" unterscheidet sich durch den Rahmen, nicht durch einen weiteren Ton.
 * Fair ist neutral: weder Gelegenheit noch Warnung. Werte: tokens.css.
 * Flächenregel: Die Klasse steht nur an Elementen, die das Wort der Stufe tragen.
 * Die halbtransparente Fläche liegt immer über --color-surface — so gilt der im
 * Design System gemessene Kontrast (Text ≥ 4,65 : 1) auch dort, wo die Marke direkt
 * auf dem Seitenhintergrund sitzt (Kurzansicht; hell sonst nur 4,31 : 1).
 */
.stufe-strong_under{background:linear-gradient(var(--color-positive-soft),var(--color-positive-soft)),var(--color-surface);color:var(--color-positive);border:1px solid var(--color-positive-border)}
.stufe-under{background:linear-gradient(var(--color-positive-soft),var(--color-positive-soft)),var(--color-surface);color:var(--color-positive);border:1px solid transparent}
.stufe-fair{background:var(--color-surface);color:var(--color-text,var(--text));border:1px solid var(--color-border)}
.stufe-over{background:linear-gradient(var(--color-negative-soft),var(--color-negative-soft)),var(--color-surface);color:var(--color-negative);border:1px solid transparent}
.stufe-strong_over{background:linear-gradient(var(--color-negative-soft),var(--color-negative-soft)),var(--color-surface);color:var(--color-negative);border:1px solid var(--color-negative-border)}
.stufe-strong_under strong,.stufe-under strong{color:var(--color-positive)}
.stufe-over strong,.stufe-strong_over strong{color:var(--color-negative)}
.stufe-fair strong{color:var(--color-text,var(--text))}
/* Nur das Wort, ohne Fläche (Tracker, Spalte „Einordnung zum Fairen Wert“, Entwurf „Tracker Einordnung Fairer Wert“, 30.10.2026):
   unterbewertet positiv, über- und stark überbewertet negativ, fair in Textfarbe. */
.stufe-wort-strong_under,.stufe-wort-under{color:var(--color-positive)}
.stufe-wort-over,.stufe-wort-strong_over{color:var(--color-negative)}
.stufe-wort-fair{color:var(--color-text,var(--text))}