/* Stili di base per il tema chiaro */
body {
    background-color: #ffffff;
    color: #000000;
    font-family: Arial, sans-serif;
}

/* Contenitore principale */
.container {
    margin-top: 50px;
}

/* Stili per elementi form */
.form-control, .form-select {
    border-radius: 4px;
    border: 1px solid #ccc;
}

#loginForm {
    max-width: 400px; /* o la dimensione che preferisci */
    margin: 0 auto;   /* centra il form orizzontalmente */
}

/* Tema scuro (automatico in base alle impostazioni del client) */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #121212;
        color: #e0e0e0;
    }
    .container {
        background-color: #1e1e1e;
        padding: 20px;
        border-radius: 5px;
    }
    .form-control, .form-select {
        background-color: #2e2e2e;
        color: #ffffff;
        border: 1px solid #555;
    }
    .btn-primary {
        background-color: #0069d9;
        border-color: #0062cc;
    }
}

/* Stili base per le modali per tema chiaro */
.modal-content {
    background-color: #ffffff !important;
    color: #000000 !important;
}
.modal-header, .modal-body, .modal-footer {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Stili per le modali per tema scuro */
@media (prefers-color-scheme: dark) {
    .modal-content {
        background-color: #121212 !important;
        color: #e0e0e0 !important;
    }
    .modal-header, .modal-body, .modal-footer {
        background-color: #121212 !important;
        color: #e0e0e0 !important;
    }
}