/* Syntax highlighting theme aligned to the Lenga website palette. */

.prose pre,
.api-browser-prose pre {
    position: relative;
    background: #0d1117;
    border: 1px solid rgba(241, 245, 249, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.prose pre[class*="language-"],
.api-browser-prose pre[class*="language-"] {
    padding-top: 3rem;
}

.prose pre[class*="language-"]::before,
.api-browser-prose pre[class*="language-"]::before {
    content: attr(data-language);
    position: absolute;
    top: 0.9rem;
    right: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    border: 1px solid rgba(35, 221, 246, 0.24);
    background: rgba(35, 221, 246, 0.08);
    color: #23DDF6;
    font-family: "Inter", system-ui, sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    pointer-events: none;
}

.prose pre[class*="language-"] > code,
.api-browser-prose pre[class*="language-"] > code {
    color: #F1F5F9;
    text-shadow: none;
}

.prose pre[class*="language-"] .token.comment,
.prose pre[class*="language-"] .token.block-comment,
.prose pre[class*="language-"] .token.prolog,
.prose pre[class*="language-"] .token.doctype,
.prose pre[class*="language-"] .token.cdata,
.api-browser-prose pre[class*="language-"] .token.comment,
.api-browser-prose pre[class*="language-"] .token.block-comment,
.api-browser-prose pre[class*="language-"] .token.prolog,
.api-browser-prose pre[class*="language-"] .token.doctype,
.api-browser-prose pre[class*="language-"] .token.cdata {
    color: #6b7280;
}

.prose pre[class*="language-"] .token.punctuation,
.prose pre[class*="language-"] .token.operator,
.prose pre[class*="language-"] .token.entity,
.prose pre[class*="language-"] .token.url,
.api-browser-prose pre[class*="language-"] .token.punctuation,
.api-browser-prose pre[class*="language-"] .token.operator,
.api-browser-prose pre[class*="language-"] .token.entity,
.api-browser-prose pre[class*="language-"] .token.url {
    color: #cbd5e1;
}

.prose pre[class*="language-"] .token.keyword,
.prose pre[class*="language-"] .token.atrule,
.prose pre[class*="language-"] .token.builtin,
.prose pre[class*="language-"] .token.important,
.prose pre[class*="language-"] .token.selector,
.api-browser-prose pre[class*="language-"] .token.keyword,
.api-browser-prose pre[class*="language-"] .token.atrule,
.api-browser-prose pre[class*="language-"] .token.builtin,
.api-browser-prose pre[class*="language-"] .token.important,
.api-browser-prose pre[class*="language-"] .token.selector {
    color: #c084fc;
}

.prose pre[class*="language-"] .token.function,
.prose pre[class*="language-"] .token.function-name,
.api-browser-prose pre[class*="language-"] .token.function,
.api-browser-prose pre[class*="language-"] .token.function-name,
.api-browser-prose pre[class*="language-"] .token.function-name {
    color: #93c5fd;
}

.prose pre[class*="language-"] .token.class-name,
.api-browser-prose pre[class*="language-"] .token.class-name {
    color: #86efac;
}

.prose pre[class*="language-"] .token.namespace,
.prose pre[class*="language-"] .token.tag,
.prose pre[class*="language-"] .token.attr-name,
.api-browser-prose pre[class*="language-"] .token.namespace,
.api-browser-prose pre[class*="language-"] .token.tag,
.api-browser-prose pre[class*="language-"] .token.attr-name {
    color: #67e8f9;
}

.prose pre[class*="language-"] .token.variable,
.api-browser-prose pre[class*="language-"] .token.variable {
    color: #fca5a5;
}

.prose pre[class*="language-"] .token.type,
.api-browser-prose pre[class*="language-"] .token.type {
    color: #c084fc;
}

.prose pre[class*="language-"] .token.string,
.prose pre[class*="language-"] .token.char,
.prose pre[class*="language-"] .token.attr-value,
.prose pre[class*="language-"] .token.regex,
.prose pre[class*="language-"] .token.inserted,
.api-browser-prose pre[class*="language-"] .token.string,
.api-browser-prose pre[class*="language-"] .token.char,
.api-browser-prose pre[class*="language-"] .token.attr-value,
.api-browser-prose pre[class*="language-"] .token.regex,
.api-browser-prose pre[class*="language-"] .token.inserted {
    color: #fde68a;
}

.prose pre[class*="language-"] .token.number,
.prose pre[class*="language-"] .token.boolean,
.prose pre[class*="language-"] .token.constant,
.prose pre[class*="language-"] .token.symbol,
.api-browser-prose pre[class*="language-"] .token.number,
.api-browser-prose pre[class*="language-"] .token.boolean,
.api-browser-prose pre[class*="language-"] .token.constant,
.api-browser-prose pre[class*="language-"] .token.symbol {
    color: #fb923c;
}

.prose pre[class*="language-"] .token.property,
.api-browser-prose pre[class*="language-"] .token.property {
    color: #e2e8f0;
}

.prose pre[class*="language-"] .token.deleted,
.api-browser-prose pre[class*="language-"] .token.deleted {
    color: #fca5a5;
}