/* style.css */

/* Syntax highlighting basics for the code block */
#code-snippet .keyword {
    color: #569cd6;
}

/* Blue */
#code-snippet .string {
    color: #ce9178;
}

/* Orange/Brown */
#code-snippet .function {
    color: #dcdcaa;
}

/* Light Yellow */
#code-snippet .comment {
    color: #6a9955;
}

/* Green */
#code-snippet .variable {
    color: #9cdcfe;
}

/* Light Blue */
#code-snippet .operator {
    color: #d4d4d4;
}

/* Gray */

/* Custom scrollbar for textareas and pre */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(156, 163, 175, 0.5);
    border-radius: 4px;
}

.dark ::-webkit-scrollbar-thumb {
    background: rgba(71, 85, 105, 0.5);
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(107, 114, 128, 0.8);
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: rgba(100, 116, 139, 0.8);
}

textarea {
    scrollbar-width: thin;
}