/* Syntax Highlighting Styles */

.code-editor-container {
    font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
    font-size: 13px;
    line-height: 1.6;
}

.code-editor {
    color: var(--text-primary);
}

/* Syntax colors for inline highlighting */
.syntax-keyword { color: #c586c0; }
.syntax-string { color: #ce9178; }
.syntax-number { color: #b5cea8; }
.syntax-comment { color: #6a9955; }
.syntax-tag { color: #569cd6; }
.syntax-attribute { color: #9cdcfe; }
.syntax-value { color: #ce9178; }
.syntax-function { color: #dcdcaa; }
.syntax-class { color: #4ec9b0; }
.syntax-operator { color: #d4d4d4; }

/* Light theme syntax colors */
[data-theme="light"] .syntax-keyword { color: #0000ff; }
[data-theme="light"] .syntax-string { color: #a31515; }
[data-theme="light"] .syntax-number { color: #098658; }
[data-theme="light"] .syntax-comment { color: #008000; }
[data-theme="light"] .syntax-tag { color: #800000; }
[data-theme="light"] .syntax-attribute { color: #ff0000; }
[data-theme="light"] .syntax-value { color: #0000ff; }
[data-theme="light"] .syntax-function { color: #795e26; }
[data-theme="light"] .syntax-class { color: #267f99; }
[data-theme="light"] .syntax-operator { color: #000000; }