1/* Syntax highlighting - Monokai */
2.chroma { color: var(--code); background: transparent; }
3.chroma .err { color: #960050; background: #1e0010; }
4.chroma .lnt, .chroma .ln { color: #7f7f7f; user-select: none; margin-right: 0.4em; padding: 0 0.4em; }
5.chroma .hl { background: #3c3d38; }
6.chroma .k, .chroma .kc, .chroma .kd, .chroma .kp, .chroma .kr, .chroma .kt, .chroma .no { color: #66d9ef; }
7.chroma .kn, .chroma .nt, .chroma .o, .chroma .ow, .chroma .gd { color: #f92672; }
8.chroma .na, .chroma .nc, .chroma .nd, .chroma .ne, .chroma .nf, .chroma .nx, .chroma .fm, .chroma .gi { color: #a6e22e; }
9.chroma .l, .chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .il, .chroma .mo, .chroma .se { color: #ae81ff; }
10.chroma .s, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .dl, .chroma .sd, .chroma .s2, .chroma .sh, .chroma .si, .chroma .sx, .chroma .sr, .chroma .s1, .chroma .ss, .chroma .ld { color: #e6db74; }
11.chroma .c, .chroma .ch, .chroma .cm, .chroma .c1, .chroma .cs, .chroma .cp, .chroma .cpf, .chroma .gu { color: #75715e; }
12.chroma .ge { font-style: italic; }
13.chroma .gs { font-weight: bold; }
14:root[data-theme="light"] {
15 /* keywords: cyan → dark teal */
16 .chroma .k, .chroma .kc, .chroma .kd, .chroma .kp, .chroma .kr, .chroma .kt, .chroma .no { color: #0369a1; }
17 /* operators/tags: pink → dark rose */
18 .chroma .kn, .chroma .nt, .chroma .o, .chroma .ow, .chroma .gd { color: #be123c; }
19 /* functions/identifiers: bright green → dark green */
20 .chroma .na, .chroma .nc, .chroma .nd, .chroma .ne, .chroma .nf, .chroma .nx, .chroma .fm, .chroma .gi { color: #15803d; }
21 /* numbers/literals: purple → dark purple */
22 .chroma .l, .chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .il, .chroma .mo, .chroma .se { color: #6d28d9; }
23 /* strings: yellow → amber */
24 .chroma .s, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .dl, .chroma .sd, .chroma .s2, .chroma .sh, .chroma .si, .chroma .sx, .chroma .sr, .chroma .s1, .chroma .ss, .chroma .ld { color: #b45309; }
25 /* error: red text on light red bg */
26 .chroma .err { color: #dc2626; background: #fee2e2; }
27 /* highlight line */
28 .chroma .hl { background: #e5e7eb; }
29}