/* ========================================
   PARTICLES
   All particle styles (embers, fireflies, etc.)
   ======================================== */

/* === WHISPER FROST (twilight sparkle) === */
.whisper-ember {
    position: fixed;
    pointer-events: none;
    z-index: 3;
    border-radius: 50%;
    width: 2px;
    height: 2px;
    background: radial-gradient(circle, rgba(255, 250, 255, 0.9) 0%, rgba(210, 190, 230, 0.7) 40%, rgba(180, 160, 210, 0.4) 100%);
    box-shadow: 0 0 6px rgba(220, 200, 240, 0.8), 0 0 12px rgba(200, 180, 220, 0.4);
    filter: blur(0.3px);
}

/* === TYPING SPARKLE (twilight) === */
.typing-firefly {
    position: fixed;
    pointer-events: none;
    z-index: 100;
    border-radius: 50%;
    width: 3px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(230, 215, 245, 0.8) 50%, rgba(200, 180, 220, 0.5) 100%);
    box-shadow: 0 0 4px rgba(255, 250, 255, 1), 0 0 10px rgba(220, 200, 240, 0.6);
}

/* === SEED EMBER === */
.seed-ember {
    position: fixed;
    pointer-events: none;
    z-index: 50;
    border-radius: 50%;
}

/* === SEED SPARKLE (twilight) === */
.seed-firefly {
    position: fixed;
    pointer-events: none;
    border-radius: 50%;
    z-index: 100;
    width: 2px;
    height: 2px;
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(230, 215, 245, 0.8) 50%, rgba(200, 180, 220, 0.5) 100%);
    box-shadow: 0 0 4px rgba(255, 250, 255, 1), 0 0 10px rgba(220, 200, 240, 0.6);
}

/* === AMBIENT PARTICLES === */
.ambient-particle {
    position: fixed;
    pointer-events: none;
    z-index: 2;
    border-radius: 50%;
}

/* Twinkling stars - static position with opacity animation */
.star {
    width: 2px;
    height: 2px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
    animation: twinkle 3s ease-in-out infinite;
}

/* Falling snowflakes */
.snowflake {
    width: 3px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.8), rgba(230, 220, 240, 0.4));
    box-shadow: 0 0 6px rgba(240, 230, 250, 0.5);
    animation: snowfall linear infinite;
}

/* Legacy firefly class - now styled as soft twilight mote */
.firefly {
    width: 3px;
    height: 3px;
    background: radial-gradient(circle, rgba(240, 230, 250, 0.7), rgba(200, 180, 220, 0.4));
    box-shadow: 0 0 6px rgba(220, 200, 240, 0.4);
    animation: float-ambient 10s ease-in-out infinite;
}

/* === EFFECT PARTICLE (generic) === */
.effect-particle {
    position: fixed;
    pointer-events: none;
    z-index: 100;
    border-radius: 50%;
}