/* JSON syntax highlighting - Stripe exact colors for light mode */
.hljs-keyword,
.hljs-attr {
    color: #6f42c1; /* Purple for keys */
}

.hljs-string {
    color: #032f62; /* Dark blue for strings */
}

.hljs-number {
    color: #005cc5; /* Blue for numbers */
}

.hljs-literal {
    color: #e36209; /* Orange for booleans/null */
}

.hljs-punctuation {
    color: #586069; /* Gray for punctuation */
}

.hljs-property {
    color: #6f42c1; /* Purple for properties */
}

.hljs-comment {
    color: #6a737d;
    opacity: 0.8;
}

/* Dark theme JSON colors - Stripe style */
[data-theme="dark"] .hljs-keyword,
[data-theme="dark"] .hljs-attr,
[data-theme="dark"] .hljs-property {
    color: #d2a8ff; /* Light purple */
}

[data-theme="dark"] .hljs-string {
    color: #a5d6ff; /* Light blue */
}

[data-theme="dark"] .hljs-number {
    color: #79c0ff; /* Light blue */
}

[data-theme="dark"] .hljs-literal {
    color: #ff7b72; /* Light red/orange */
}

[data-theme="dark"] .hljs-punctuation {
    color: #8b949e; /* Light gray */
}

/* Request container JSON colors (dark background) - Stripe exact */
.request-container .hljs-keyword,
.request-container .hljs-attr,
.request-container .hljs-property {
    color: #6f42c1; /* Purple for keys on white bg */
}

.request-container .hljs-string {
    color: #032f62; /* Dark blue for strings */
}

.request-container .hljs-number {
    color: #005cc5; /* Blue for numbers */
}

.request-container .hljs-literal {
    color: #e36209; /* Orange for booleans/null */
}

.request-container .hljs-punctuation {
    color: #586069; /* Gray for punctuation */
}

/* Dark theme syntax highlighting for request container */
[data-theme="dark"] .request-container .hljs-keyword,
[data-theme="dark"] .request-container .hljs-attr,
[data-theme="dark"] .request-container .hljs-property {
    color: #c9d1d9; /* Light gray for keys on dark bg */
}

[data-theme="dark"] .request-container .hljs-string {
    color: #a5d6ff; /* Light blue for strings */
}

[data-theme="dark"] .request-container .hljs-number {
    color: #79c0ff; /* Light blue for numbers */
}

[data-theme="dark"] .request-container .hljs-literal {
    color: #ff7b72; /* Light red/orange */
}

[data-theme="dark"] .request-container .hljs-punctuation {
    color: #8b949e; /* Light gray */
}