/* style.css */

body {
    font-family: 'Inter', sans-serif;
    background-color: #0d0d0d; /* Very dark background */
    color: #e2e8f0; /* Light gray text */
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem; /* Slightly more padding */
}
/* Custom scrollbar for a cleaner look */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #2d3748; /* Darker track */
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #4a5568; /* Darker thumb */
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #64748b; /* Slate 500 */
}

/* Custom gradient for buttons/accents */
.btn-gradient {
    background: linear-gradient(90deg, #6366f1, #a855f7); /* Indigo to Purple */
    transition: all 0.3s ease-in-out;
}
.btn-gradient:hover {
    background: linear-gradient(90deg, #a855f7, #6366f1); /* Reverse gradient on hover */
    transform: scale(1.05);
}
.text-gradient {
    background: linear-gradient(90deg, #6366f1, #a855f7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent; /* Fallback for non-webkit browsers */
}