@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    body {
        @apply bg-pulse-bg text-white antialiased;
    }

    ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    ::-webkit-scrollbar-track {
        @apply bg-pulse-bg;
    }

    ::-webkit-scrollbar-thumb {
        @apply bg-pulse-border rounded-full hover:bg-pulse-muted;
    }
}

@layer components {
    .glass-card {
        @apply bg-pulse-card border border-pulse-border rounded-xl backdrop-blur-sm;
    }

    .btn-primary {
        @apply px-4 py-2 bg-pulse-accent hover:bg-pulse-accent-light text-white rounded-lg font-medium transition-all duration-200 hover:shadow-lg hover:shadow-purple-500/20 active:scale-95;
    }

    .btn-danger {
        @apply px-4 py-2 bg-red-600 hover:bg-red-500 text-white rounded-lg font-medium transition-all duration-200 hover:shadow-lg hover:shadow-red-500/20 active:scale-95;
    }

    .btn-secondary {
        @apply px-4 py-2 bg-pulse-border hover:bg-pulse-hover text-gray-300 rounded-lg font-medium transition-all duration-200 active:scale-95;
    }
}