/*@import "tailwindcss";*/

        @theme{
            --color-primary:#2563eb;
            --color-secondary:#0f172a;
            --color-surface:#111827;
            --color-card:#1f2937;
        }

        @layer base{
            html{
                font-family:'Inter',sans-serif;
            }

            body{
                @apply bg-slate-950 text-slate-100 antialiased overflow-x-hidden;
            }

            ::selection{
                @apply bg-blue-600 text-white;
            }

            ::-webkit-scrollbar{
                width:10px;
            }

            ::-webkit-scrollbar-track{
                @apply bg-slate-900;
            }

            ::-webkit-scrollbar-thumb{
                @apply bg-slate-700 rounded-full;
            }

            ::-webkit-scrollbar-thumb:hover{
                @apply bg-slate-600;
            }
        }

        @layer utilities{
            .container-x{
                @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
            }
        }