/* ============================================
   FLOATING BACKGROUND ICONS
   ============================================ */

.floating-icon {
    position: fixed;
    width: 36px;
    height: 36px;
    z-index: -1;
    opacity: 0.15;
    transition: all var(--transition-slow);
    filter: grayscale(0.8) brightness(0.6);
    pointer-events: none;
}

[data-theme="dark"] .floating-icon {
    filter: grayscale(0.6) brightness(0.5) invert(0.1);
    opacity: 0.08;
}