/* Minimales projektweites Custom-CSS, das Tailwind nicht abdecken kann.
 *
 * Ampel-Dots für das Review-UI (Konfidenz-System). Scroll-Verhalten.
 * Alles Layout + Farben + Typografie liegt in Tailwind-Klassen im HTML.
 */

html { scroll-behavior: smooth; }

:focus-visible {
  outline: 3px solid #3b5998;
  outline-offset: 2px;
}

/* Ampel-Punkte (Grün/Gelb/Rot) für Review-UI */
.dot { width: 10px; height: 10px; border-radius: 9999px; flex-shrink: 0; }
.dot-gruen { background: #4f7a5a; box-shadow: 0 0 0 3px #edf4ef; }
.dot-gelb  { background: #f59e0b; box-shadow: 0 0 0 3px #fef3c7; }
.dot-rot   { background: #e11d48; box-shadow: 0 0 0 3px #ffe4e6; }