/*
 * Butterfly Liquid Glass
 *
 * Ambient Light Layer
 *
 * Version:
 * v1.0
 *
 */


/* =====================================
   Global Ambient Layer
===================================== */


body::before {


    content:"";


    position:fixed;


    inset:-20%;



    pointer-events:none;



    z-index:-1;



    background:



    radial-gradient(

        circle at 15% 15%,

        rgba(255,180,210,.20),

        transparent 35%

    ),



    radial-gradient(

        circle at 85% 25%,

        rgba(170,210,255,.18),

        transparent 38%

    ),



    radial-gradient(

        circle at 50% 90%,

        rgba(220,190,255,.16),

        transparent 42%

    );



    filter:

    blur(60px);



    opacity:.9;



}



/* =====================================
   Card Internal Glow
===================================== */


#recent-posts .recent-post-item::after,


#aside-content .card-widget::after {



    content:"";


    position:absolute;


    inset:0;



    pointer-events:none;



    background:



    radial-gradient(

        circle at 20% 10%,

        rgba(255,255,255,.45),

        transparent 35%

    );



    opacity:.35;



}





/* =====================================
   Dark Mode

===================================== */


[data-theme="dark"]

body::before {


    background:



    radial-gradient(

        circle at 20% 20%,

        rgba(120,90,170,.18),

        transparent 40%

    ),



    radial-gradient(

        circle at 80% 25%,

        rgba(90,120,255,.16),

        transparent 42%

    ),



    radial-gradient(

        circle at 50% 90%,

        rgba(180,120,255,.12),

        transparent 45%

    );



    opacity:.75;



}




[data-theme="dark"]

#recent-posts .recent-post-item::after,


[data-theme="dark"]

#aside-content .card-widget::after {


    background:


    radial-gradient(

        circle at 20% 10%,

        rgba(255,255,255,.12),

        transparent 40%

    );



}