/*
 * eCaupo QM – Anwendungs-CSS
 *
 * Basis-Styles und Anpassungen die über Tailwind hinausgehen.
 * Tailwind wird per CDN geladen (in den HTML-Dateien referenziert).
 *
 * Für Produktion: Tailwind CLI verwenden um ungenutzte Klassen zu entfernen:
 *   npx tailwindcss -i ./style/css/app.css -o ./style/css/app.min.css --minify
 */

/* Basisschrift */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
                 Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* OTP-Eingabefeld: Ziffern gleichmäßig verteilen */
input[inputmode="numeric"] {
    letter-spacing: 0.3em;
}

/* Sanfte Übergänge für interaktive Elemente */
button,
a,
input,
select {
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: 150ms;
    transition-timing-function: ease-in-out;
}

/* Fokus-Ring für Barrierefreiheit */
:focus-visible {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

/* Ladeanimation */
@keyframes spin {
    to { transform: rotate(360deg); }
}

.animate-spin {
    animation: spin 1s linear infinite;
}