@import "tailwindcss";

@layer base {
    body {
        background-color: #111827;
        color: #ffffff;
        overflow-x: hidden;
    }

    textarea {
        scrollbar-width: thin;
        scrollbar-color: #4b5563 #1f2937;
    }

    textarea::-webkit-scrollbar {
        width: 8px;
    }

    textarea::-webkit-scrollbar-track {
        background: #1f2937;
    }

    textarea::-webkit-scrollbar-thumb {
        background: #4b5563;
        border-radius: 4px;
    }

    textarea::-webkit-scrollbar-thumb:hover {
        background: #6b7280;
    }
}

@layer utilities {
    .text-balance {
        text-wrap: balance;
    }
}