html:not(.dark) body { background-color: #f3f4f6; color: #111827; }
html:not(.dark) .surface { background-color: #ffffff; border-color: #e5e7eb; }
html:not(.dark) .input-field { background-color: #f9fafb; border-color: #d1d5db; color: #111827; }

html:not(.dark) .console-window {
    background: linear-gradient(to bottom, #1a1a2e, #16162a);
}

.console-window {
    background: linear-gradient(to bottom, #0a0a0a, #050505);
}

.custom-scroll::-webkit-scrollbar {
    width: 8px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: #0a0a0a; 
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #333; 
    border-radius: 4px;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #444; 
}