:root {
    /* Colore di sfondo */

    --blu-scuro: #151D35;
    --rosso: #E62C2F;
    --rosso-chiaro: #f77e6e;


    --body-color: #F7F7F9;
    --white_color: #fff;

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

    /* Colore del testo --------------------------------------------- */
    --main-text-color: var(--blu-scuro);
    --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(--blu-scuro);
    --navigation-link-act:var(--blu-scuro);

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

}

.text-blu{
    color: var(--blu-color) !important;
}

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