/* --- Variabili Globali --- */
:root {
    --font-main: 'Roboto', sans-serif;
    --font-heading: 'Oswald', sans-serif;
    --color-primary-blue: rgba(16, 8, 127, 0.9);
    --color-admin: rgba(62, 94, 111, 0.9);
    --color-tech: #198754;
}

/* --- Base --- */
body {
    font-family: var(--font-main);
    font-weight: 400;
}

/* --- Navigazione --- */
.navbar {
    font-family: var(--font-heading);
    font-size: 1.5rem; /* Usare rem invece di px per accessibilità */
}

/* --- Titoli Semantici --- */
/* Invece di titolo1, titolo2, usa classi che descrivono lo scopo */
.display-title { font-size: 60px; font-weight: normal; } /* Vecchio titolo4 */
.section-title { font-size: 30px; font-weight: bold; }   /* Vecchio titolo1 */
.small-version { font-size: 12px; color: #6c757d; }      /* Vecchio titolo3 */

/* --- Moduli (Amministrazione, Tecnico, Operatore) --- */
/* Efficienza: raggruppiamo i comportamenti comuni */
.amministrazione, .tecnico, .operatore {
    font-family: var(--font-main);
    font-size: 16px;
}

.amministrazione a, .tecnico a, .operatore a {
    text-decoration: none;
    transition: all 0.2s ease-in-out; /* Transizione morbida al passaggio del mouse */
    padding: 2px 5px;
    border-radius: 4px;
}

/* Override colori specifici */
.amministrazione a { color: var(--color-admin); }
.amministrazione a:hover { 
    color: var(--color-primary-blue); 
    background-color: rgba(255, 255, 255, 0.4); 
}

.tecnico a { color: #2f1a05; }
.tecnico a:hover { 
    color: #f1861a; 
    background-color: rgba(255, 255, 255, 0.9); 
}

/* --- Navigazione Specifica --- */
.amministrazione_nav a {
    color: #0dcaf0;
    font-size: 1.25rem;
}

.amministrazione_nav a:hover {
    background-color: #0dcaf0;
    color: #fff;
}

/* --- Utility per i bottoni dei form --- */
.btn-form-miniblock {
    padding: .625rem 1.5rem;
    margin-bottom: 0.25rem;
}