/* Base Styles */
:root {
    --bg-color: #050505;
    --text-color: #e0e0e0;
    --accent-color: #ffffff;
    --subtle-color: #2a2a2a;
    --error-color: #ff4444;
    --caret-color: #ffffff;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
    overflow-x: hidden;
    font-family: 'Inter', sans-serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--bg-color);
}

::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.fade-in {
    animation: fadeIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.modal-backdrop {
    background-color: rgba(5, 5, 5, 0.8);
    backdrop-filter: blur(8px);
}

.modal-glass {
    background-color: rgba(5, 5, 5, 0.95);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}