/* Font del progetto ------------------------------------------------ */
@font-face {
    font-family: current-font;
    src: url('../fonts/nunito-v9-latin-600.ttf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: current-font;
    src: url('../fonts/nunito-v9-latin-700.ttf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: current-font;
    src: url('../fonts/nunito-v9-latin-800.ttf');
    font-weight: 800;
    font-style: normal;
}

/* Colori --------------------------------------------------------- */
:root{
    --body-color: #e0e0e0;
    --black-color: rgb(41, 38, 38);
    --danger-color: rgb(190, 0, 0);

    --primary-background-color:#373736;
    --primary-foreground-color: white;
    --primary-accent-color: #00868d;

    --secondary-background-color: #02686E;
    --secondary-foreground-color: white;
    --secondary-accent-color: #373736;

    --link-color: var(--primary-background-color);

    /* Bottoni  ----------------------------- */
    --primary-button-color: var(--primary-background-color);
    --primary-button-text-color: var(--primary-foreground-color);
    --primary-button-hover-color: color-mix(in oklch, var(--primary-button-color), var(--primary-button-text-color) 20%);

    --secondary-button-color: var(--secondary-background-color);
    --secondary-button-text-color: var(--secondary-foreground-color);
    --secondary-button-hover-color: color-mix(in oklch, var(--secondary-button-color), var(--secondary-button-text-color) 20%);

    --cancel-button-color: rgb(179, 179, 179);
    --cancel-button-text-color: white;
    --cancel-button-hover-color: grey;

    --danger-button-color: var(--danger-color);
    --danger-button-text-color: white;
    --danger-button-hover-color: color-mix(in oklch, var(--danger-button-color), var(--danger-button-text-color) 20%);

    /* Forms  -------------------------------- */
    --form-borders: var(--secondary-background-color);
    --form-box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--secondary-background-color), transparent 60%);
        /* select */
    --form-select-higlight-background: var(--secondary-background-color);
    --form-select-higlight-foreground: var(--secondary-foreground-color);
        /* flatpickr */
    --form-today-border: var(--secondary-background-color);
    --form-day-selected: var(--secondary-background-color);
}

body {
    background-color: var(--body-color) !important;
    font-family: current-font;
}

a{
    color: var(--link-color);
}

::selection{
    background-color: var(--primary-background-color);
    color: var(--primary-foreground-color);
}


/* Override generali ----------------------------------------------- */
 /* Bottoni */
.btn.btn-primary{
    background-color: var(--primary-button-color);
    color: var(--primary-foreground-color)
}

.btn.btn-primary:hover{
    background-color: var(--primary-button-hover-color);
}

.btn.btn-secondary{
    background-color: var(--secondary-button-color);
    color: var(--secondary-foreground-color);
}

.btn.btn-secondary:hover{
    background-color: var(--secondary-button-hover-color);
}

.btn.btn-danger{
    background-color: var(--danger-button-color);
    color: var(--danger-button-text-color)
}

.btn.btn.btn-danger:hover{
    background-color: var(--danger-button-hover-color);
}

.btn.btn-cancel{
    background-color: var(--cancel-button-color);
    color: var(--cancel-button-text-color);
}

.btn.btn.btn-cancel:hover{
    background-color: var(--cancel-button-hover-color);
}

.btn{
    border: 0;
    font-size: large;
    font-weight: bold;
}

.btn-small{
    font-size: medium;
}

.swal2-confirm.swal2-styled{
    background-color: var(--primary-button-color);
}

.text-personal {
    color: var(--secondary-background-color) !important;
}