/* ==========================================================
   SweetLife UI Framework v2
   season.css
   Season Engine v1.0
   ========================================================== */

/* ---------------------------------
   Season Variables
--------------------------------- */

:root{

    --season-bg:#F7FFF8;
    --season-text:#295B44;
    --season-accent:#59C28A;
    --season-particle:#FFFFFF;

}

/* ==========================================================
   SPRING
   ========================================================== */

body.season-spring{

    --season-bg:#F6FFF8;
    --season-text:#2A5C45;
    --season-accent:#59C28A;
    --season-particle:#FFD9EA;

}

/* ==========================================================
   SUMMER
   ========================================================== */

body.season-summer{

    --season-bg:#F5FFF9;
    --season-text:#20694F;
    --season-accent:#28B873;
    --season-particle:#FFF9C7;

}

/* ==========================================================
   AUTUMN
   ========================================================== */

body.season-autumn{

    --season-bg:#FFF9F2;
    --season-text:#704722;
    --season-accent:#D88A38;
    --season-particle:#FFD28C;

}

/* ==========================================================
   WINTER
   ========================================================== */

body.season-winter{

    --season-bg:#F5FAFF;
    --season-text:#315270;
    --season-accent:#76B5E6;
    --season-particle:#FFFFFF;

}

/* ---------------------------------
   Theme Apply
--------------------------------- */

.sl-logo-icon{

    background:
        linear-gradient(
            135deg,
            var(--season-accent),
            color-mix(in srgb,var(--season-accent) 70%,black)
        );

}

/* ---------------------------------
   Transition
--------------------------------- */

body{

    transition:

        background 1.2s ease,
        color .6s ease;

}