@import "tailwindcss";
@config "./tailwind.config.js";

@plugin "daisyui" {
    themes:
        vibeglass, dark;
}

@layer base {
    html {
        font-family: 'Space Grotesk', sans-serif;
    }
    
    html,
    body {
        @apply min-h-dvh w-full overflow-hidden bg-[#0f172a] text-base-content overscroll-y-none;
        background-image: 
            radial-gradient(circle at 15% 50%, rgba(244, 157, 37, 0.08), transparent 25%), 
            radial-gradient(circle at 85% 30%, rgba(59, 130, 246, 0.08), transparent 25%);
        background-attachment: fixed;
    }

    /* Glassmorphism Utilities */
    .glass-panel {
        @apply bg-gray-800/40 backdrop-blur-xl border border-white/10 shadow-xl;
    }
    
    .glass-sidebar {
        @apply bg-gray-900/60 backdrop-blur-xl border-r border-white/5;
    }

    .glass-header {
        @apply bg-gray-900/40 backdrop-blur-md border-b border-white/5;
    }
    
    .glass-input {
        @apply bg-gray-700/30 border border-white/10 text-white placeholder-gray-400 focus:border-primary focus:ring-1 focus:ring-primary transition-all backdrop-blur-sm;
    }
    
    .glass-card {
        @apply bg-gray-800/30 backdrop-blur-md border border-white/5 shadow-lg hover:bg-gray-800/40 transition-colors;
    }
}

/* Fix for iOS click/blur events */
@media (hover: none) {
    body {
        cursor: pointer;
    }
}

/* Remove default focus outline/tap highlight */
* {
    -webkit-tap-highlight-color: transparent;
    outline: none !important;
}

:focus {
    outline: none !important;
}

/* Scrollbar styling for glass theme */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.2);
}