:root {
    --accent-light: #ee7a77;
    --accent-dark:#8e9ad2;
    --accent-disabled: #7f67ae;
    --white: #ffffff;
    --black: #000000;
    --grey-light: #ECECEC;
    --grey-dark: #D3D3D3;
    --blue-26: #8e9ad2;
    --red-26: #ee7a77;
    --yel-26: #FFCD67;
    --pink-26: #F8B5BA;
    --lb-26: #C8E9EF;
}


.bg-accent-light {
    /*     background-color: var(--accent-light); */
    
}


/* RIMUOVERE NEL 2026 */
.bg-gradient-1 {
    background: linear-gradient(300deg, var(--blue-26), var(--lb-26));
    background-size: 150% 150%;
    animation: gradient-animation 8s ease infinite;

}
.bg-gradient-2 {
    background: linear-gradient(300deg, var(--red-26), var(--yel-26));
    background-size: 150% 150%;
    animation: gradient-animation 8s ease infinite;

}
.bg-gradient-3 {
    background: linear-gradient(300deg, var(--red-26), var(--pink-26));
    background-size: 150% 150%;
    animation: gradient-animation 8s ease infinite;

}


@keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 80%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.bg-accent-light {
    background-color: var(--accent-light);
}

.bg-accent-dark {
    background-color: var(--accent-dark);
}

.bg-grey-light {
    background-color: var(--grey-light);
}

.bg-grey-dark {
    background-color: var(--grey-dark);
}

.bg-white {
    background-color: var(--white);
}

.bg-black {
    background-color: var(--black);
}

.color-accent-light {
    color: var(--accent-light);
}

.color-accent-dark {
    color: var(--accent-dark);
}

.color-grey-light {
    color: var(--grey-light);
}

.color-grey-dark {
    color: var(--grey-dark);
}

.color-white {
    color: var(--white);
}

.color-black {
    color: var(--black);
}