.config-highlight {
    line-height: 1.5;
    tab-size: 4;
}

.config-highlight > code {
    color: #1f2937;
    font-family: inherit;
    white-space: inherit;
}

.config-highlight .line-numbers-rows {
    border-right-color: #d1d5db;
}

.config-highlight .line-numbers-rows > span::before {
    color: #9ca3af;
}

.config-highlight .token.comment {
    color: #6b7280;
    font-style: italic;
}

.config-highlight .token.keyword,
.config-highlight .token.important {
    color: #7c3aed;
    font-weight: 600;
}

.config-highlight .token.string {
    color: #047857;
}

.config-highlight .token.variable {
    color: #0369a1;
}

.config-highlight .token.boolean {
    color: #b45309;
    font-weight: 600;
}

.config-highlight .token.number {
    color: #c2410c;
}

.config-highlight .token.function {
    color: #1d4ed8;
    font-weight: 600;
}

.config-highlight .token.operator,
.config-highlight .token.punctuation {
    color: #4b5563;
}

.dark .config-highlight > code {
    color: #e5e7eb;
}

.dark pre.config-highlight {
    color: #c8c8c8;
    background-color: #272b30;
}

.dark .config-highlight .line-numbers-rows {
    border-right-color: #4b5563;
}

.dark .config-highlight .line-numbers-rows > span::before {
    color: #9ca3af;
}

.dark .config-highlight .token.comment {
    color: #9ca3af;
}

.dark .config-highlight .token.keyword,
.dark .config-highlight .token.important {
    color: #c4b5fd;
}

.dark .config-highlight .token.string {
    color: #6ee7b7;
}

.dark .config-highlight .token.variable {
    color: #7dd3fc;
}

.dark .config-highlight .token.boolean {
    color: #fcd34d;
}

.dark .config-highlight .token.number {
    color: #fdba74;
}

.dark .config-highlight .token.function {
    color: #93c5fd;
}

.dark .config-highlight .token.operator,
.dark .config-highlight .token.punctuation {
    color: #d1d5db;
}
