:root {
    --c-bg: var(--card);
    --c-bg-alt: var(--elev);
    --c-bg-highlight: var(--hover);
    --c-fg: var(--foreground);
    --c-grey: var(--secondary);

    --c-blue: #6AABFF;
    --c-green: #6AE87A;
    --c-cyan: #6AE8F8;
    --c-red: #FF7A6A;
    --c-yellow: #F5FF6A;
    --c-magenta: #FF6AF5;
    --c-pink: #FF6AAE;
    --c-orange: var(--accent);
    --c-purple: #C56AFF;
}

pre {
    width: 100%;
    background: var(--c-bg);
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 2px 5px;
    overflow-x: auto;
}

code {
    font-family: 'Monaspace Neon', monospace;
    background-color: var(--c-bg);
    color: var(--c-fg);
}

code .comment { color: var(--c-grey); font-style: italic; }
code .string { color: var(--c-green); }
code .boolean { color: var(--c-cyan); }
code .keyword_modifier,
code .keyword,
code .keyword_type,
code .attribute,
code .conditional,
code .number { color: var(--c-orange); }
code .builtin { color: var(--c-magenta); }
code .bracket { color: var(--c-red); }
code .type,
code .type_builtin { color: var(--c-purple); }
code .function,
code .variable_member,
code .property,
code .tag { color: var(--c-blue); }
code .operator { color: var(--c-pink); }