/* Custom Scrollbar */
::-webkit-scrollbar { width: 0px; }

:root {
    --hue-accent: #3b82f6;
    --glass: rgba(255, 255, 255, 0.05);
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

.glass {
    background: var(--glass);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.active-glow {
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.4);
}

/* Smooth transition for light colors */
.light-preview {
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Bottom Navigation Styling */
.nav-blur {
    background: rgba(10, 15, 30, 0.8);
    backdrop-filter: blur(20px);
}

/* Automation Rule Card */
.rule-card {
    background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 100%);
}

@keyframes pulse-slow {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.connecting {
    animation: pulse-slow 2s infinite;
}