:root {
    /* Colore di sfondo */

    --grigio-scuro: #373736;
    --arancione-chiaro: #FFA500;
    --arancione-scuro-button: #FFA500;        /* Bottoni create view */
    --arancione-button: #FFA500;                  /* Bottoni datatable */
    --body-color: #F7F7F9;

    --white_color: #fff;

    /* Colore di sfondo degli elementi principali -------------------- */
    --main-background_color: var(--arancione-chiaro);
    --navbar-color: var(--main-background_color);
    --sidebar-color:var(--grigio-scuro);
    --card-header-color:var(--arancione-chiaro);
    --button-color:var(--arancione-scuro-button);
    --datatable-color-button:var(--arancione-button);

    /* Colore del testo --------------------------------------------- */
    --main-text-color: var(--arancione-chiaro);
    --navbar-text-color: var(--main-text-color);
    --sidebar-text-color: #fff !important;
    --card-title-text-color: var(--white_color);
    --link-color: var(--main-text-color);

    /* Colori Datatable --------------------------------------------  */
    --navigation-link:var(--arancione-scuro-button);
    --navigation-link-act:var(--arancione-scuro-button);

    /* Colore degli hover ------------------------------------------ */
    --main-hover-color: var(--arancione-scuro-button);
    --button-hover-color:var(--arancione-scuro-button);
    --sidebar-hover-color:var(--arancione-scuro-button);
    --link-hover-color: #fff !important;

}

.azzurro-chiaro{
    color: var(--arancione-chiaro) !important;
}

.blu-scuro{
    color: var(--arancione-button) !important;
}

.bg-azzurro-scuro{
    background-color: var(--arancione-scuro-button) !important;
}

.bg-azzurro{
    background-color: var(--grigio-scuro) !important;
}