/* style.css */

/* Custom styles for background and other elements not easily done with pure Tailwind */
body {
    font-family: 'Inter', sans-serif; /* Ensure font is applied if Tailwind base isn't immediately available or overridden */
    background-color: #080812; /* Dark base for purple/blue waves */
    /* Non-invasive waves/blur/glowing effect */
    background-image:
        radial-gradient(ellipse farthest-corner at 0% 0%, rgba(95, 20, 150, 0.18) 0%, transparent 55%), /* Purple top-left */
        radial-gradient(ellipse farthest-corner at 100% 0%, rgba(20, 95, 150, 0.22) 0%, transparent 65%), /* Blue top-right */
        radial-gradient(ellipse farthest-corner at 50% 100%, rgba(150, 20, 95, 0.16) 0%, transparent 75%), /* Magenta bottom-center */
        radial-gradient(circle at 20% 80%, rgba(20, 120, 170, 0.18) 0%, transparent 45%), /* Another blue accent */
        radial-gradient(circle at 80% 70%, rgba(120, 20, 120, 0.15) 0%, transparent 45%); /* Another purple accent */
    background-attachment: fixed;
    background-size: cover;
}

/* Styling for the file name display and errors (if not fully covered by Tailwind in context) */
#fileNameDisplay {
    /* Tailwind classes: text-xs text-gray-500 mt-1 */
    /* Ensure visibility if default Tailwind colors are different than expected */
}
#fileErrorDisplay {
    /* Tailwind classes: text-xs text-red-500 font-semibold mt-1 h-4 */
    /* Ensure visibility if default Tailwind colors are different than expected */
}

/* Custom scrollbar for better dark theme integration (optional) */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #0f1625; /* Corresponds to Tailwind's bg-gray-900 */
}
::-webkit-scrollbar-thumb {
    background-color: #1a2536; /* Corresponds to Tailwind's bg-gray-700 #4a5568*/
    border-radius: 10px;
    border: 2px solid #0f1625; /* Border color matching track for inset look #1a202c*/
}
::-webkit-scrollbar-thumb:hover {
    background-color: #101721; /* Corresponds to Tailwind's bg-gray-500 718096 */
}

/*
    Note: This file is for custom CSS.
    Tailwind utility classes are applied directly in the HTML files via a CDN link.
    Ensure this file is linked correctly in your HTML files: <link rel="stylesheet" href="style.css">
*/