/* Syntax Highlighting Styles */

/* JSON Syntax Colors - Light Theme */
.json-key {
    color: var(--json-key);
    font-weight: 500;
}

.json-string {
    color: var(--json-string);
}

.json-number {
    color: var(--json-number);
}

.json-boolean {
    color: var(--json-boolean);
    font-weight: 500;
}

.json-null {
    color: var(--json-null);
    font-style: italic;
}

/* Brackets and punctuation */
.json-punctuation {
    color: var(--text-primary);
}

/* Scrollbar Styling */
.code-area::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.code-area::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

.code-area::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 6px;
}

.code-area::-webkit-scrollbar-thumb:hover {
    background: var(--text-secondary);
}

/* Firefox scrollbar */
.code-area {
    scrollbar-width: thin;
    scrollbar-color: var(--border-color) var(--bg-secondary);
}