/* 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: #002647;
    --primary-foreground-color: rgb(255, 255, 255);
    --primary-accent-color:  #f9a53b;

    --secondary-background-color: #f9a53b;
    --secondary-foreground-color: white;
    --secondary-accent-color: #002647;

    --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-outline-primary{
    border: 1px solid;
    border-color: var(--primary-button-color);
    color: var(--primary-button-color)
}

.btn.btn-outline-primary:hover{
    background-color: var(--primary-button-hover-color);
    color: var(--primary-foreground-color)
}

.btn.btn-outline-secondary{
    border: 1px solid;
    border-color: var(--secondary-button-color);
    color: var(--secondary-button-color)
}

.btn.btn-outline-secondary:hover{
    background-color: var(--secondary-button-hover-color);
    color: var(--secondary-foreground-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);
}

/* Scrollbars ---------------------------------------------------- */

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--primary-background-color) transparent;
}

/* Chromium / Safari (WebKit) */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: var(--primary-background-color);
    border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: color-mix(in oklch, var(--primary-background-color), white 20%);
}

::-webkit-scrollbar-corner {
    background: transparent;
}