/* ==========================================
   GRADIENTS
========================================== */

.gradient-text{

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary),
        var(--accent)
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

}

.gradient-primary{

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

}

.gradient-card{

    background:linear-gradient(
        180deg,
        #FFFFFF,
        #FCFAFF
    );

}

.gradient-overlay{

    background:linear-gradient(

        rgba(0,0,0,.05),

        rgba(0,0,0,.45)

    );

}