/* ============================================================
   Tema delle pagine di /diretta (index.php, live.php, header.php)
   ------------------------------------------------------------
   Gli STESSI colori del gestionale (gestione/assets/css/football-theme.css):
   verde campo per i pulsanti, blu notte della barra laterale per le teste,
   sfondo verdino, bordi grigio-azzurri, font Poppins. Se in football-theme
   cambia un colore, va cambiato anche qui: le pagine della diretta non
   caricano bootstrap ne' styles.css (si usano col telefono a bordo campo).
   ============================================================ */
@import url("../../gestione/assets/libs/google-fonts/poppins.css");

:root {
    --verde:        #15803d;   /* primary: rgb(21,128,61) */
    --verde-scuro:  #106932;   /* hover/premuto */
    --verde-2:      #22c55e;   /* success */
    --verde-10:     rgba(21, 128, 61, .10);
    --verde-25:     rgba(21, 128, 61, .25);
    --blu:          #0f2537;   /* barra laterale del gestionale */
    --blu-2:        #162d44;   /* fine del gradiente della barra */
    --blu-testo:    #1e3a5f;   /* secondary */
    --info:         #3898ec;
    --giallo:       #f5b400;   /* warning */
    --arancio:      #e0621f;
    --rosso:        #dc2626;   /* danger */
    --sfondo:       #f0f4f0;   /* default-background */
    --bianco:       #ffffff;
    --testo:        #1a2332;   /* default-text-color */
    --muto:         #5f6f7f;   /* testi secondari */
    --grigio:       #8a97a3;   /* numeri della panchina, pulsanti neutri */
    --bordo:        #d4dde6;   /* default-border */
    --riga:         #e6ecf0;   /* righe fra gli elementi delle liste */
    --card-testa:   #f7faf7;   /* card-header */
    --ombra:        0 1px 3px rgba(15, 37, 55, .06);
    --font:         "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* la testa scura delle pagine: gradiente della barra laterale + la riga
   verde che il gestionale mette sotto l'intestazione */
.testa {
    background: linear-gradient(180deg, var(--blu) 0%, var(--blu-2) 100%);
    border-bottom: 2px solid var(--verde);
}

/* caselle e cursori dei moduli col verde del gestionale, non l'azzurro del browser */
input[type="checkbox"], input[type="radio"], input[type="range"], progress { accent-color: var(--verde); }