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

::-webkit-scrollbar-track {
    background: #0f172a;
}

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

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

.code-syntax-keyword {
    color: #c678dd;
}

.code-syntax-string {
    color: #98c379;
}

.code-syntax-function {
    color: #61afef;
}

.code-syntax-comment {
    color: #5c6370;
    font-style: italic;
}

.code-syntax-number {
    color: #d19a66;
}

/* Sandbox Editor Styling */
#sandbox-input {
    font-family: 'Fira Code', monospace;
    caret-color: #6366f1;
    tab-size: 2;
}

#sandbox-input:focus {
    outline: none;
}

/* Glassmorphism Utilities */
.glass-card {
    background: rgba(30, 41, 59, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.glass-panel {
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-right: 1px solid rgba(255, 255, 255, 0.05);
}