/* custom.css – Ergänzungen zu Tailwind */

/* Smooth Scrolling */
html { scroll-behavior: smooth; }

/* Fokus-Ring für Accessibility */
:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

/* Verhindert Layout-Shift beim Öffnen von Modals */
body.modal-open { overflow: hidden; }

/* Tap-Highlight auf Mobile entfernen */
* { -webkit-tap-highlight-color: transparent; }

/* Zahlen-Inputs ohne Spinner */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; }
input[type="number"] { -moz-appearance: textfield; }

/* Saldo-Farben (werden dynamisch gesetzt) */
.saldo-positiv { color: #16a34a; }   /* green-600 */
.saldo-negativ { color: #dc2626; }   /* red-600   */
.dark .saldo-positiv { color: #4ade80; }  /* green-400 */
.dark .saldo-negativ { color: #f87171; }  /* red-400   */